DataTables - 问题集

1.增加额外搜索条件

 var reqData = {};
 var extraSearch = [];
 var oTable = $('table selector').dataTable({
     'ajax'：{
         data: function(aoData) {
             aoData.extraSearch = extraSearch;
             reqData['dtJson'] = JSON.stringify(aoData);
             return reqData;
         }
     }
 }）

 $("#searchBtn").click(function(){
     extraSearch = [];
     extraSearch.push({name:"keywords",value:$("#searchKeywords").val()});
     oTable.api().ajax.reload();
 }

2.增加末尾操作列之渲染

 <script id="tpl" type="text/x-handlebars-template">
     {{#each func}}
     <button type="button" class="btn btn-{{this.type}} btn-sm" onclick="{{this.fn}}">{{this.name}}</button>
     {{/each}}
 </script>
 <script>
 var tpl = $("#tpl").html();
 var template = Handlebars.compile(tpl);
 $('table selector').dataTable({
     'columns':[
         { data: 'id',title:"编码" },
         { data: 'name',title:"名称" },
         { data: 'createTime',title:"创建时间" },
         { data: null ,title: "操作",'render': function (data, type, row, meta) {
             var context =
             {
                 func: [
                     {"name": "修改", "fn": "edit(\'" + row.id + "\',\'"+row.name+"\',\'"+row.createTime+"\')", "type": "primary"},
                 ]
             };
             var html = template(context);
             return html;
         }}
     ]
 }) 

3.扩展之buttons

4.初始化设置排序无效

关闭stateSave即可。 'stateSave' : false

相关链接：

1.渲染：http://datatables.club/reference/option/columns.render.html