r - pRocessing 加载等待显示信息
< > - div elements 代表一个div元素
<div><div>
<"#id" > - div with an id 指定了id的div元素
<div id='id'><div>
<"class" > - div with a class 指定了样式名的div元素
<div class='class'><div>
<"#id.class" > - div with an id and class 指定了id和样式的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": [
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');
10 }
11 ],
2、小写的
L：
代表 改变每页显示多少条数据的控件
r：
代表 加载等待显示信息
t：
代表 Table 表格本身
i：
代表 表格相关信息控件
p：
代表 Pagination 分页控件
<>：
代表一个div
downloadExcel，row，col-xs-3...
为class，可以在style中写
不足之处，请指点，不胜感激。
♥我们在键盘上留下的余温♥
♥也将随时代传递到更远的将来♥
