dataTable的一些参数

$('#table_id').DataTable({
'dom': '<'top'iflp<'clear'>>rt<'bottom'iflp<'clear'>>', //在表格上面和下面同时显示长度菜单，分页菜单和搜索框
'bProcessing' : true, //DataTables载入数据时，是否显示‘进度’提示
'bServerSide' : true, //是否启动服务器端数据导入
'bStateSave' : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态
'bJQueryUI' : true, //是否使用 jQury的UI theme
'sScrollY' : 450, //DataTables的高
'sScrollX' : 820, //DataTables的宽
'aLengthMenu' : [20, 40, 60], //更改显示记录数选项
'iDisplayLength' : 40, //默认显示的记录数
'bAutoWidth' : false, //是否自适应宽度
'bScrollInfinite' : false, //是否启动初始化滚动条
'bScrollCollapse' : true, //是否开启DataTables的高度自适应，当数据条数不够分页数据条数的时候，插件高度是否随数据条数而改变
'bPaginate' : true, //是否显示（应用）分页器
'bInfo' : true, //是否显示页脚信息，DataTables插件左下角显示记录数
'sPaginationType' : 'full_numbers', //详细分页组，可以支持直接跳转到某页
'bSort' : true, //是否启动各个字段的排序功能
'aaSorting' : [[1, 'asc']], //默认的排序方式，第2列，升序排列
'bFilter' : true, //是否启动过滤、搜索功能
'aoColumns' : [{
'mDataProp' : 'USERID',
'sDefaultContent' : '', //此列默认值为''，以防数据中没有此值，DataTables加载数据的时候报错
'bVisible' : false //此列不显示
}, {
'mDataProp' : 'USERNAME',
'sTitle' : '用户名',
'sDefaultContent' : '',
'sClass' : 'center'
}, {
'mDataProp' : 'EMAIL',
'sTitle' : '电子邮箱',
'sDefaultContent' : '',
'sClass' : 'center'
}, {
'mDataProp' : 'MOBILE',
'sTitle' : '手机',
'sDefaultContent' : '',
'sClass' : 'center'
}, {
'mDataProp' : 'PHONE',
'sTitle' : '座机',
'sDefaultContent' : '',
'sClass' : 'center'
}, {
'mDataProp' : 'NAME',
'sTitle' : '姓名',
'sDefaultContent' : '',
'sClass' : 'center'
}, {
'mDataProp' : 'ISADMIN',
'sTitle' : '用户权限',
'sDefaultContent' : '',
'sClass' : 'center'
}],
bAutoWidth:true, //自动宽度
scrollY: 300,//垂直滚动条
scrollX :300, //水平滚动条
'scrollCollapse': 'true',//滚动条
paging: true,//是否分页 */
searching: true,//搜索框
ordering: true, //排序
'info': false, //下拉框，每页显示的内容
stateSave: true, //可以保存最后一次分页信息、排序信息，当页面刷新，或者重新进入这个页面，恢复上次的状态。
'pagingType': 'full_numbers', //分页按钮的插件，'full_numbers' 除首页、上一页、下一页、末页四个按钮还有页数按钮，full - 有四个按钮首页、上一页、下一页、末页 simple_numbers - 除了上一页、下一页两个按钮还有页数按钮，Datatables默认是这个，simple - 只有上一页、下一页两个按钮
'thousands':'.', //千位以点号隔开
'decimal':',', //小数点以逗号隔开
'ajax': '../ajax/data/objects.txt' ,
//跟数组下标一样，第一列从0开始，这里表格初始化时，第四列默认降序
'order': [[ 3, 'desc' ]]

dataTable的一些参数

猜你喜欢