DataTables DOM定位

datatables默认会打开部分特性，比如搜索框，分页显示等等，或许你不喜欢datatables这样去布局，可能你想把分页按钮放在底部的中间，搜索框放在顶部的左上角，不用担心datatables考虑到这个问题，使用dom选项就可以灵活配置各个特性的位置

datatables定义了10个字符表示不同的组件

• l - Length changing 每页显示多少条数据选项
• f - Filtering input 搜索框
• t - The Table 表格
• i - Information 表格信息
• p - Pagination 分页按钮
• r - pRocessing 加载等待显示信息
• < and > - div elements 一个div元素
• <"#id" and > - div with an id 指定id的div元素
• <"class" and > - div with a class 指定样式名的div元素
• <"#id.class" and > - div with an id and class 指定id和样式的div元素

$(document).ready(function() {
    $('#example').dataTable( {
        "dom": '<"top"i>rt<"bottom"flp><"clear">'
    } );
} );

　　

转载于:https://www.cnblogs.com/chengshuiqiang/p/4607443.html