主要有六个表格模块的缩写:
- l - Length changing 改变每页显示多少条数据的控件
- f - Filtering input 即时搜索框控件
- t - The Table 表格本身
- i - Information 表格相关信息控件
- p - Pagination 分页控件
- 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>
eg:
$('#example').dataTable( {
"dom": 'tilp'
} );
即表示:table在上面,表格相关信息控件、改变每页显示多少条数据的控件、分页控件显示在表格底部。其中也可以加入class类名:如
$('#example').dataTable( {
"dom": 'ti<"select-page"l>p'
} );
即给改变每页显示多少条数据的控件加上了一个类名select-page的div。
此配置可灵活操作,例如我的最终效果如下: