datatable的dom配置

p - Pagination 分页控件

r - pRocessing 加载等待显示信息

< > - div elements 代表一个div元素 <div><div>

<"#id" > - div with an id 指定了id的div元素 <div><div>

<"class" > - div with a class 指定了样式名的div元素 <div><div>

<"#id.class" > - div with an id and class 指定了id和样式的div元素 <div><div>

这些字母你可以理解为一个标签,dt会自动把这些字母替换成相应的控件,就想模板一样。上面的这些元素 l、f、t、i、p、r除了t只能指定一次,其他的均可多次指定。

 

例子:

"dom":

  "<'downloadExcel'B>" + "<'row'<'col-xs-3 font1'l><'#mytool.col-xs-4'>r>" + "t" +
  "<'row'<'col-xs-6'i><'col-xs-6'p>>",

1、此处B为button标签,举例如下:

此功能是点击按钮导出为当前分页的Excel
若是前台分页可以导出全部,若是后台分页则有两个选择:1、通过前提ajax调用查询后台所有数据,在后台封装转为Excel;2、datatable中通过对

"lengthChange": true,"lengthMenu": [ [5, 10, 15, 20, 25, 50, 100, 5000], [5, 10, 15, 20, 25, 50, 100, "所有"] ]的配置,然后导出Excel。

PS:5000可以改成任意大,因为我的后台是WHERE ROWNUM <= ? 

1 "buttons": [ 2 { 3 "extend": "excelHtml5", 4 "text": "导出", 5 "className": "btn btn-primary btn-sm local", 6 "customize": function(xlsx) { 7 var sheet = xlsx.xl.worksheets['sheet1.xml']; 8 $('row c[r^="C"]',sheet).attr('s','2'); 9 } 10 } 11 ],

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzzjjf.html