datatables 表格渲染

datatable作为前端的表格框架，是一个值得推荐的表格框架。可以方便的实现分页，排序，分页，以及列事件以及行事件，以及ajax数据交互；

        今天我们首先要说的是datatables 中的render ：列渲染效果实现：

       这里页面表格结构如何写：非常简单，datatables框架官网上有，我在这里就不提了。

        datatables 我们可以统一的初始化设置好：

      $('#表格的id').DataTable({            

             "columnDefs":[{
             "targets": 1,
             "data": "download_link",
             "render": function ( data, type, full, meta ) {
                      return '('+data+')';
             }
              }]

      })

     $('#example').DataTable({

           "columnDefs":[{

                "targets":0,

                "data":"列字段",

                "render" :function(data,type,full,meta){

                        return '<a href="'+data+'">Download</a>';

                 }      

        }]

  })

render:function可以实现表格列你想渲染的那种效果，不管是a标签还是高亮，还是数据特殊显示，只需要在"render":function(){

}  的方法中实现即可。

 

本人第一次写博客，写的不好，希望大家别介意，我会继续努力的。谢谢！

         

              

转载于:https://www.cnblogs.com/li-xin123456/p/7832628.html