转 Datatables中文API——基本参数.docVIP

转 Datatables中文API——基本参数 鉴于自己一直在使用datatables，发现这是个很不错的表格插件，但是好的东西都是英文的，所以我结合自己的使用经验，把官网的英文api做下简单的翻译，同时也希望大家把自己的使用经验一起分享出来，让我们更好的使用datatables，本帖将会持续更新……从基本属性开始吧bAutoWidth ：启用或禁用自动列宽度的计算。 默认值 true 类型 boolean $(document).ready( function () { ? ? $(#example).dataTable( { ? ?? ???bAutoWidth: false??//关闭后，表格将不会自动计算表格大小，在浏览器大化小化的时候会挤在一坨 ? ? } ); } ); 复制代码 bDeferRender ：根据官网的介绍翻译过来就是，延期渲染，可以有个速度的提升，当datatable 使用Ajax或者JS源表的数据。这个选项设置为true,将导致datatable推迟创建表元素每个元素,直到他们都创建完成——本参数的目的是节省大量的时间。 默认值： false 类型： boolean $(document).ready( function() { ? ? var oTable = $(#example).dataTable( { ? ?? ???sAjaxSource: sources/arrays.txt, ? ?? ???bDeferRender: true? ?//这个参数我个人没有使用过，到底是不是这个效果，大家自己去尝试一下 ? ? } ); } ); 复制代码 bFilter ：这个很容易明白，启用或禁用过滤数据。在datatable过滤是“智能”,它允许用户 最终输入多个关键字(空格分隔)，和每一行数据匹配,即使不是在被指定的顺序(这允许匹配多个列)。注意,如果您希望使用过滤，在datatable中必 须设置为true，如果要删除默认过滤输入框和留住过滤功能,请使用{ @link DataTable.defaults.sDom }。这个最后一句不明白，不知道大家怎么理解。 默认值： true 类型： boolean $(document).ready( function () { ? ? $(#example).dataTable( { ? ?? ???bFilter: false ? ? } ); } ); 复制代码 bJQueryUI ：这个不用多说了，一看就懂，启用jQuery UI样式，(需要在页面添加jQuery的样式文件)。 默认值： false 类型： boolean $(document).ready( function() { ? ? $(#example).dataTable( { ? ?? ? bJQueryUI: true ? ? } ); } ); 复制代码 bLengthChange ：开启一页显示多少条数据的下拉菜单，允许用户从下拉框(10、25、50和100)，注意需要分页(bPaginate：true)。 默认值： true 类型： boolean $(document).ready( function () { ? ? $(#example).dataTable( { ? ?? ???bLengthChange: false, 复制代码 bPaginate ：开启分页功能，如果不开启，将会全部显示 默认值： true 类型： boolean $(document).ready( function () { ? ? $(#example).dataTable( { ? ?? ???bPaginate: false? ? ? ? } ); } ); 复制代码 bProcessing ：开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好 默认值： false 类型: boolean $(document).ready( function () { ? ? $(#example).dataTable( { ? ?? ???bProcessing: true ? ? } ); } ); 复制代码 bScrollInfinite ：是否开启不限制长度的滚动条（和sScrollY属性结合使用），不限制长度的滚动条意味着当用户拖动滚动条的时候DataTable会不断加载数据当数据集十分大的时候会有些用处，该选项无法和分页选项同时使用，分页选项会被自动禁止，注意，额外推荐的滚动条会优先与该选项 默认值： false 类型： boolean $(document).ready( function() { ? ? $(#e