首页 > 代码库 > DataTables - 问题集
DataTables - 问题集
1.增加额外搜索条件
1 var reqData =http://www.mamicode.com/ {}; 2 var extraSearch = []; 3 var oTable = $(‘table selector‘).dataTable({ 4 ‘ajax‘:{ 5 data: function(aoData) { 6 aoData.extraSearch = extraSearch; 7 reqData[‘dtJson‘] = JSON.stringify(aoData); 8 return reqData; 9 } 10 } 11 }) 12 13 $("#searchBtn").click(function(){ 14 extraSearch = []; 15 extraSearch.push({name:"keywords",value:$("#searchKeywords").val()}); 16 oTable.api().ajax.reload(); 17 }
2.增加末尾操作列之渲染
1 <script id="tpl" type="text/x-handlebars-template"> 2 {{#each func}} 3 <button type="button" class="btn btn-{{this.type}} btn-sm" onclick="{{this.fn}}">{{this.name}}</button> 4 {{/each}} 5 </script> 6 <script> 7 var tpl = $("#tpl").html(); 8 var template = Handlebars.compile(tpl); 9 $(‘table selector‘).dataTable({ 10 ‘columns‘:[ 11 { data: ‘id‘,title:"编码" }, 12 { data: ‘name‘,title:"名称" }, 13 { data: ‘createTime‘,title:"创建时间" }, 14 { data: null ,title: "操作",‘render‘: function (data, type, row, meta) { 15 var context = 16 { 17 func: [ 18 {"name": "修改", "fn": "edit(\‘" + row.id + "\‘,\‘"+row.name+"\‘,\‘"+row.createTime+"\‘)", "type": "primary"}, 19 ] 20 }; 21 var html = template(context); 22 return html; 23 }} 24 ] 25 })
3.扩展之buttons
4.去除默认第一列排序
相关链接:
1.渲染:http://datatables.club/reference/option/columns.render.html
DataTables - 问题集
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。