Bootstrap Datatable 简单的基本配置

$(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();