2022年转Datatales中文API——基本参数 .pdf

《2022年转Datatales中文API——基本参数 .pdf》由会员分享，可在线阅读，更多相关《2022年转Datatales中文API——基本参数 .pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、转 Datatales中文 API基本参数精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 1 页，共 8 页2 作者：日期：精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 2 页，共 8 页3 转 Datatables中文 API基本参数鉴于自己一直在使用datatables ，发现这是个很不错的表格插件，但是好的东西都是英文的，所以我结合自己的使用经验，把官网的英文api 做下简单的翻译，同时也希望大家把自己的使用经验一起分享出来，让我们更好的使用datatables ，本帖将会持续更新 从基本属性开

2、始吧bAutoWidth：启用或禁用自动列宽度的计算。默认值true类型boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bAutoWidth: false /关闭后，表格将不会自动计算表格大小，在浏览器大化小化的时候会挤在一坨4. ); 5. ); 复制代码bDeferRender ：根据官网的介绍翻译过来就是，延期渲染，可以有个速度的提升，当 datatable 使用 Ajax 或者 JS源表的数据。这个选项设置为true,将导致datatable推迟创建表元素每个元素,直到他们都创建完成 本参数的目的是

3、节省大量的时间。默认值：false类型：boolean1.$(document).ready( function() 2.var oTable = $(#example).dataTable( 3. sAjaxSource: sources/arrays.txt, 4. bDeferRender: true /这个参数我个人没有使用过，到底是不是这个效果，大家自己去尝试一下5. ); 6. ); 复制代码bFilter：这个很容易明白，启用或禁用过滤数据。在datatable过滤是 “ 智能”,它允许用户最终输入多个关键字 (空格分隔 )，和每一行数据匹配 ,即使不是在被指定的顺序 (这允许匹

4、配多个列 )。注意 ,如果您希望使用过滤，在datatable中必 须设置为 true，如果要删除默认过滤输入框和留住过滤功能,请使用 link DataTable.defaults.sDom 。这个最后一句不明白，不知道大家怎么理解。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 3 页，共 8 页4 默认值：true类型：boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bFilter: false 4. ); 5. ); 复制代码bJQueryUI：这个不用

5、多说了，一看就懂，启用jQuery UI 样式， (需要在页面添加 jQuery 的样式文件 )。默认值：false类型：boolean1.$(document).ready( function() 2.$(#example).dataTable( 3.bJQueryUI: true 4. ); 5. ); 复制代码bLengthChange： 开启一页显示多少条数据的下拉菜单，允许用户从下拉框 (10、25、50 和 100)，注意需要分页 (bPaginate ：true)。默认值：true类型：boolean1.$(document).ready( function () 2.$(#ex

6、ample).dataTable( 3. bLengthChange: false, 复制代码bPaginate ：开启分页功能，如果不开启，将会全部显示默认值：true类型：boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bPaginate: false 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页，共 8 页5 4. ); 5. ); 复制代码bProcessing ：开启读取服务器数据时显示正在加载中特别是大数据量的时候，开启此功能比较好默认值：

7、false类型:boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bProcessing: true 4. ); 5. ); 复制代码bScrollInfinite：是否开启不限制长度的滚动条（和sScrollY 属性结合使用），不限制长度的滚动条意味着当用户拖动滚动条的时候DataTable会不断加载数据当数据集十分大的时候会有些用处，该选项无法和分页选项同时使用，分页选项会被自动禁止，注意，额外推荐的滚动条会优先与该选项默认值：false类型：boolean1.$(document).ready( fun

8、ction() 2.$(#example).dataTable( 3. bScrollInfinite: true, 4. bScrollCollapse: true, 5. sScrollY: 200px/长 200 像素6. ); 7. ); 复制代码bServerSide ：开启服务器模式，使用服务器端处理配置datatable 。注意：sAjaxSource参数也必须被给予为了给datatable源代码来获取所需的数据对于每精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 5 页，共 8 页6 个画。 这个翻译有点别扭。开启此模式后，你对da

9、tatables的每个操作每页显示多少条记录、下一页、上一页、排序（表头）、搜索，这些都会传给服务器相应的值。默认值：false类型：boolean1.$(document).ready( function () 2. $(#example).dataTable( 3.bServerSide: true, 4.sAjaxSource: xhr.php 5. ); 6. ); 复制代码bInfo：启用或禁用表信息显示。这显示了关于数据的信息,目前在网页上 ,包括信息过滤数据 ,如果行为被执行。这个参数在bServerSide配置后需要用到。默认值：true类型：boolean1.$(docume

10、nt).ready( function () 2.$(#example).dataTable( 3.bInfo: false/ 如果这个参数不穿到后台去，服务器分页会报错，据说这个参数包含了表的所有信息4. ); 5. ); 复制代码bSort ：开启排序功能，每一列都有排序功能，如果关闭了，排序功能将失效，也可以自定义排序功能。单个列的排序可以禁用“bSortable ”选项。默认值：true类型：boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bSort: false 4. ); 5. ); 复制代码精

11、选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 6 页，共 8 页7 bSortClasses ：是否在当前被排序的列上额外添加sorting_1,sorting_2,sorting_3 三个 class，当该列被排序的时候，可以切换其背景颜色，该选项作为一个来回切换的属性会增加执行时间（当class被移除和添加的时候） ，当对大数据集进行排序的时候你或许希望关闭该选项默认值：true类型：boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bSortClasses:

12、 false 4. ); 5. ); 复制代码bStateSave ：是否开启状态保存，当选项开启的时候会使用一个cookie保存表格展示的信息的状态，例如分页信息， 展示长度，过滤和排序等。这样当终端用户重新加载这个页面的时候可以使用以前的设置默认值：false类型：boolean1.$(document).ready( function () 2.$(#example).dataTable( 3. bStateSave: true 4. ); 5. ); 复制代码sScrollX ：是否开启水平滚动，当一个表格过于宽以至于无法放入一个布局的时候， 或者表格有太多列的时候，你可以开启该选项从

13、而在一个精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 7 页，共 8 页8 可横向滚动的视图里面展示表格，该属性可以是css设置，或者一个数字（作为像素量度来使用）默认值：blank string - i.e. disabled类型：string1.$(document).ready( function() 2.$(#example).dataTable( 3. sScrollX: 100%, 4. bScrollCollapse: true 5. ); 6. ); 复制代码sScrollY ：是否开启垂直滚动，垂直滚动会驱使DataTable

14、设置为给定的长度，任何溢出到当前视图之外的数据可以通过垂直滚动进行察看当在小范围区域中显示大量数据的时候，可以在分页和垂直滚动中选择一种方式，该属性可以是css设置，或者一个数字（作为像素量度来使用）默认值：blank string - i.e. disabled类型：string1.$(document).ready( function() 2.$(#example).dataTable( 3. sScrollY: 200px, 4. bPaginate: false 5. ); 6. ); 复制代码本节完毕，推荐是用ctrl+f 查找使用收藏供查：原文地址： http:/ 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 8 页，共 8 页