​​$(document).ready(function() {​​


​​$(​​​​'#example'​​​​).dataTable({​​





​​"sScrollX"​​​​: ​​​​"100%"​​​​,   ​​​​//表格的宽度​​


​​"sScrollXInner"​​​​: ​​​​"110%"​​​​,   ​​​​//表格的内容宽度​​


​​"bScrollCollapse"​​​​: ​​​​true​​​​,  ​​​​//当显示的数据不足以支撑表格的默认的高度时，依然显示纵向的滚动条。(默认是false) ​​


​​"bPaginate"​​​​: ​​​​true​​​​,  ​​​​//是否显示分页​​


​​"bLengthChange"​​​​: ​​​​true​​​​,  ​​​​//每页显示的记录数​​


​​"bFilter"​​​​: ​​​​true​​​​, ​​​​//搜索栏​​


​​"bSort"​​​​: ​​​​true​​​​, ​​​​//是否支持排序功能​​


​​"bInfo"​​​​: ​​​​true​​​​, ​​​​//显示表格信息​​


​​"bAutoWidth"​​​​: ​​​​false​​​​,  ​​​​//自适应宽度​​


​​"aaSorting"​​​​: [[1, ​​​​"asc"​​​​]],  ​​​​//给列表排序 ，第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc​​


​​"aoColumns"​​​​: [​​


​​null​​​​,​​


​​null​​​​,​​


​​{​​


​​"bVisible"​​​​: ​​​​true​​​​, ​​​​//不可见​​


​​"bSearchable"​​​​: ​​​​false​​​​, ​​​​//参与搜索​​


​​},​​


​​null​​​​,​​


​​null​​


​​], ​​​​//列设置，表有几列，数组就有几项​​


​​"bStateSave"​​​​: ​​​​true​​​​, ​​​​//保存状态到cookie *************** 很重要 ， 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了​​


​​"sPaginationType"​​​​: ​​​​"full_numbers"​​​​, ​​​​//分页，一共两种样式，full_numbers和two_button(默认)​​


​​"oLanguage"​​​​: {​​


​​"sLengthMenu"​​​​: ​​​​"每页显示 _MENU_ 条记录"​​​​,​​


​​"sZeroRecords"​​​​: ​​​​"对不起，查询不到任何相关数据"​​​​,​​


​​"sInfo"​​​​: ​​​​"当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录"​​​​,​​


​​"sInfoEmtpy"​​​​: ​​​​"找不到相关数据"​​​​,​​


​​"sInfoFiltered"​​​​: ​​​​"数据表中共为 _MAX_ 条记录)"​​​​,​​


​​"sProcessing"​​​​: ​​​​"正在加载中..."​​​​,​​


​​"sSearch"​​​​: ​​​​"搜索"​​​​,​​


​​"sUrl"​​​​: ​​​​""​​​​, ​​​​//多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt​​


​​"oPaginate"​​​​: {​​


​​"sFirst"​​​​:    ​​​​"第一页"​​​​,​​


​​"sPrevious"​​​​: ​​​​" 上一页 "​​​​,​​


​​"sNext"​​​​:     ​​​​" 下一页 "​​​​,​​


​​"sLast"​​​​:     ​​​​" 最后一页 "​​


​​}​​


​​}, ​​​​//多语言配置​​


​​"bJQueryUI"​​​​: ​​​​false​​​​, ​​​​//可以添加 jqury的ui theme  需要添加css​​






​​"aLengthMenu"​​​​: [[10, 25, 50, -1, 0], [​​​​"每页10条"​​​​, ​​​​"每页25条"​​​​, ​​​​"每页50条"​​​​, ​​​​"显示所有数据"​​​​, ​​​​"不显示数据"​​​​]]  ​​​​//设置每页显示记录的下拉菜单​​


​​});​​


​​});​​



直接调用默认的设置


​​$(​​​​'#example'​​​​).dataTable();​​