<div><div>
<div id='id'><div>
<div class='class'><div>
<div id='id' class='class'><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 ],
2、小写的l:代表 改变每页显示多少条数据的控件
r:代表 加载等待显示信息
t:代表 table 表格本身
i:代表 表格相关信息控件
p:代表 pagination 分页控件
<>:代表一个div
downloadexcel,row,col-xs-3...为class,可以在style中写
不足之处,请指点,不胜感激。
如对本文有疑问, 点击进行留言回复!!
offset、client、scroll (width,height、left,top、X,Y)
网友评论