- $(document).ready(function() {
- $('#example').dataTable();//其中example为table的id,table中必须有thead!
- } );
进行参数的配置:
- "bPaginate": true, //翻页功能
- "bLengthChange": true, //改变每页显示数据数量
- "bFilter": true, //过滤功能
- "bSort": true, //排序功能
- "bInfo": true,//页脚信息
- "bAutoWidth": true,//自动宽度
默认排序:
- "aaSorting": [[ 4, "desc" ]],//设置第5个元素为默认排序
隐藏部分列的内容:
- "aoColumnDefs": [
- { "bSearchable": false, //是否可搜索
- "bVisible": false, //是否可见
- "aTargets": [ 2 ] }//哪一列
- ]
修改表单显示位置:
- "sDom": '<"top"i>rt<"bottom"flp><"clear">'
- <div class="top">这里显示 当前条数,总共条数</div>
- 这里显示 请求中的提示信息,表单内容
- <div class="bottom">这里显示 搜索框,每页数量选择,翻页按钮</div>
- <div class="clear"></div>
- //l - 每页数量选择select
- //f – 搜索框search
- //t – 表单内容table
- //i – 当前条数,总共条数information
- //p – 翻页按钮pagination
- //r – 请求中的提示信息
- //< 和 > – 一个div的开始与结束
- //<"class"> – class为div的class名称
保存当前页信息为cookie,默认关闭:
- "bStateSave": true //如果用户关闭页面之后,再重新打开该列表会和之前的一模一样(长度、过滤、分页、排序)
修改默认分页显示样式:
- "sPaginationType": "full_numbers"
x轴宽度限制:
- "sScrollX": "100%",
- "sScrollXInner": "110%",
- "bScrollCollapse": true
x、y轴均限制:
- "sScrollY": 200,
- "sScrollX": "100%",
- "sScrollXInner": "110%"
语言设置:
- "oLanguage": {
- "sLengthMenu": "每页显示 _MENU_条",
- "sZeroRecords": "没有找到符合条件的数据",
- "sProcessing": "<img src=’./loading.gif’ />",
- "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
- "sInfoEmpty": "木有记录",
- "sInfoFiltered": "(从 _MAX_ 条记录中过滤)",
- "sSearch": "搜索:",
- "oPaginate": {
- "sFirst": "首页",
- "sPrevious": "前一页",
- "sNext": "后一页",
- "sLast": "尾页"
- }
- }