jQuery中Datatable参数详解

电玩女神 2024-04-17 05:59 80阅读 0赞

<table> 
 <tbody> 
 <tr> 
 <td colspan="3" style="border-color:#C0C0C0;width:516.75pt;"> 要注意的是，要被dataTable处理的table对象，必须有thead与tbody，而且，结构要规整（数据不一定要完整），这样才能正确处理。以下是在进行dataTable绑定处理时候可以附加的参数： </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> 属性名称 </td> 
 <td style="width:303.75pt;"> 取值范围 </td> 
 <td style="width:265.5pt;"> 解释 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bAutoWidth </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 是否自动计算表格各列宽度 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bDeferRender </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 用于渲染的一个参数 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bFilter </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，是否启用客户端过滤功能 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bInfo </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，是否显示表格的一些信息 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bJQueryUI </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 是否使用jquery&nbsp;ui&nbsp;themeroller的风格 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bLengthChange </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，是否显示一个每页长度的选择条（需要分页器支持） </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bPaginate </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，是否显示（使用）分页器 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bProcessing </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;defualt&nbsp;false </td> 
 <td style="width:265.5pt;"> 开关，以指定当正在处理数据的时候，是否显示“正在处理”这个提示信息 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bScrollInfinite </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 开关，以指定是否无限滚动（与sScrollY配合使用），在大数据量的时候很有用。当这个标志为true的时候，分页器就默认关闭 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bSort </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，是否让各列具有按列排序功能 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bSortClasses </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;true </td> 
 <td style="width:265.5pt;"> 开关，指定当当前列在排序时，是否增加classes&nbsp;'sorting_1',&nbsp;'sorting_2'&nbsp;and&nbsp;'sorting_3'，打开后，在处理大数据时，性能有所损失 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bStateSave </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 开关，是否打开客户端状态记录功能。这个数据是记录在cookies中的，打开了这个记录后，即使刷新一次页面，或重新打开浏览器，之前的状态都是保存下来的 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sScrollX </td> 
 <td style="width:303.75pt;"> 'disabled'&nbsp;or&nbsp;'100%'&nbsp;类似的字符串 </td> 
 <td style="width:265.5pt;"> 是否开启水平滚动，以及指定滚动区域大小 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sScrollY </td> 
 <td style="width:303.75pt;"> 'disabled'&nbsp;or&nbsp;'200px'&nbsp;类似的字符串 </td> 
 <td style="width:265.5pt;"> 是否开启垂直滚动，以及指定滚动区域大小 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> -- </td> 
 <td style="width:303.75pt;"> -- </td> 
 <td style="width:265.5pt;"> -- </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> 选项 </td> 
 <td style="width:303.75pt;"> &nbsp; </td> 
 <td style="width:265.5pt;"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> aaSorting </td> 
 <td style="width:303.75pt;"> array&nbsp;array[int,string],&nbsp;如[],&nbsp;[[0,'asc'],&nbsp;[0,'desc']] </td> 
 <td style="width:265.5pt;"> 指定按多列数据排序的依据 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> aaSortingFixed </td> 
 <td style="width:303.75pt;"> 同上 </td> 
 <td style="width:265.5pt;"> 同上。唯一不同点是不能被用户的自定义配置冲突 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> aLengthMenu </td> 
 <td style="width:303.75pt;"> default&nbsp;[10,&nbsp;25,&nbsp;50,&nbsp;100]，可以为一维数组，也可为二维数组，比如：[[10,&nbsp;25,&nbsp;50,&nbsp;-1],&nbsp;[10,&nbsp;25,&nbsp;50,&nbsp;"All"]] </td> 
 <td style="width:265.5pt;"> 这个为选择每页的条目数，当使用一个二维数组时，二维层面只能有两个元素，第一个为显示每页条目数的选项，第二个是关于这些选项的解释 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> aoSearchCols </td> 
 <td style="width:303.75pt;"> default&nbsp;null,&nbsp;类似：[null,&nbsp;{"sSearch":&nbsp;"My&nbsp;filter"},&nbsp;null,{"sSearch":&nbsp;"^[0-9]",&nbsp;"bEscapeRegex":&nbsp;false}] </td> 
 <td style="width:265.5pt;"> 给每个列单独定义其初始化搜索列表特性（这一块还没搞懂） </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> asStripClasses </td> 
 <td style="width:303.75pt;"> default&nbsp;['odd',&nbsp;'even'],&nbsp;比如['strip1',&nbsp;'strip2',&nbsp;'strip3'] </td> 
 <td style="width:265.5pt;"> 指定要被应用到各行的class风格，会自动循环 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bDestroy </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 用于当要在同一个元素上执行新的dataTable绑定时，将之前的那个数据对象清除掉，换以新的对象设置 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bRetrieve </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 用于指明当执行dataTable绑定时，是否返回DataTable对象 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bScrollCollapse </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> 指定适当的时候缩起滚动视图 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> bSortCellsTop </td> 
 <td style="width:303.75pt;"> true&nbsp;or&nbsp;false,&nbsp;default&nbsp;false </td> 
 <td style="width:265.5pt;"> （未知的东东） </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> iCookieDuration </td> 
 <td style="width:303.75pt;"> 整数，默认7200，单位为秒 </td> 
 <td style="width:265.5pt;"> 指定用于存储客户端信息到cookie中的时间长度，超过这个时间后，自动过期 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> iDeferLoading </td> 
 <td style="width:303.75pt;"> 整数，默认为null </td> 
 <td style="width:265.5pt;"> 延迟加载，它的参数为要加载条目的数目，通常与bServerSide，sAjaxSource等配合使用 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> iDisplayLength </td> 
 <td style="width:303.75pt;"> 整数，默认为10 </td> 
 <td style="width:265.5pt;"> 用于指定一屏显示的条数，需开启分页器 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> iDisplayStart </td> 
 <td style="width:303.75pt;"> 整数，默认为0 </td> 
 <td style="width:265.5pt;"> 用于指定从哪一条数据开始显示到表格中去 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> iScrollLoadGap </td> 
 <td style="width:303.75pt;"> 整数，默认为100 </td> 
 <td style="width:265.5pt;"> 用于指定当DataTable设置为滚动时，最多可以一屏显示多少条数据 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> oSearch </td> 
 <td style="width:303.75pt;"> 默认{&nbsp;"sSearch":&nbsp;"",&nbsp;"bRegex":&nbsp;false,&nbsp;"bSmart":&nbsp;true&nbsp;} </td> 
 <td style="width:265.5pt;"> 又是初始时指定搜索参数相关的，有点复杂，没搞懂目前 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sAjaxDataProp </td> 
 <td style="width:303.75pt;"> 字符串，default&nbsp;'aaData' </td> 
 <td style="width:265.5pt;"> 指定当从服务端获取表格数据时，数据项使用的名字 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sAjaxSource </td> 
 <td style="width:303.75pt;"> URL字符串，default&nbsp;null </td> 
 <td style="width:265.5pt;"> 指定要从哪个URL获取数据 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sCookiePrefix </td> 
 <td style="width:303.75pt;"> 字符串，default&nbsp;'SpryMedia_DataTables_' </td> 
 <td style="width:265.5pt;"> 当打开状态存储特性后，用于指定存储在cookies中的字符串的前缀名字 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sDom </td> 
 <td style="width:303.75pt;"> default&nbsp;lfrtip&nbsp;(when&nbsp;bJQueryUI&nbsp;is&nbsp;false)&nbsp;or&nbsp;&lt;"H"lfr&gt;t&lt;"F"ip&gt;&nbsp;(when&nbsp;bJQueryUI&nbsp;is&nbsp;true) </td> 
 <td style="width:265.5pt;"> 这是用于定义DataTable布局的一个强大的属性，另开专门文档来补充说明吧 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sPaginationType </td> 
 <td style="width:303.75pt;"> 'full_numbers'&nbsp;or&nbsp;'two_button',&nbsp;default&nbsp;'two_button' </td> 
 <td style="width:265.5pt;"> 用于指定分页器风格 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> sScrollXInner </td> 
 <td style="width:303.75pt;"> string&nbsp;default&nbsp;'disabled' </td> 
 <td style="width:265.5pt;"> 又是水平滚动相关的，没搞懂啥意思 </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td colspan="3" style="border-color:#C0C0C0;width:516.75pt;"> 对于服务器来说，可以通过请求参数来获得当前的操作信息。[也就是说以下这个列表中的属性值都是可以在服务器端的方法中获取到！] </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> 类型 </td> 
 <td style="width:303.75pt;"> 名称 </td> 
 <td style="width:265.5pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iDisplayStart </td> 
 <td style="width:265.5pt;"> 显示的起始索引 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iDisplayLength </td> 
 <td style="width:265.5pt;"> 显示的行数 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iColumns </td> 
 <td style="width:265.5pt;"> 显示的列数&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sSearch </td> 
 <td style="width:265.5pt;"> 全局搜索字段&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> boolean </td> 
 <td style="width:303.75pt;"> bEscapeRegex </td> 
 <td style="width:265.5pt;"> 全局搜索是否正则 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> boolean </td> 
 <td style="width:303.75pt;"> bSortable_(int) </td> 
 <td style="width:265.5pt;"> 表示一列是否在客户端被标志位可排序 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> boolean </td> 
 <td style="width:303.75pt;"> bSearchable_(int) </td> 
 <td style="width:265.5pt;"> 表示一列是否在客户端被标志位可搜索 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sSearch_(int) </td> 
 <td style="width:265.5pt;"> 个别列的搜索 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> boolean </td> 
 <td style="width:303.75pt;"> bEscapeRegex_(int) </td> 
 <td style="width:265.5pt;"> 个别列是否使用正则搜索 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iSortingCols&nbsp; </td> 
 <td style="width:265.5pt;"> 排序的列数&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iSortCol_(int) </td> 
 <td style="width:265.5pt;"> 被排序的列 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sSortDir_(int) </td> 
 <td style="width:265.5pt;"> 排序的方向&nbsp;"desc"&nbsp;或者&nbsp;"asc".&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sEcho </td> 
 <td style="width:265.5pt;"> DataTables&nbsp;用来生成的信息 </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td colspan="3" style="border-color:#C0C0C0;width:516.75pt;"> 服务器返回的数据格式如下所示 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> 类型 </td> 
 <td style="width:303.75pt;"> 名称 </td> 
 <td style="width:265.5pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iTotalRecords </td> 
 <td style="width:265.5pt;"> 实际的行数 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> int </td> 
 <td style="width:303.75pt;"> iTotalDisplayRecords </td> 
 <td style="width:265.5pt;"> 过滤之后，实际的行数。 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sEcho </td> 
 <td style="width:265.5pt;"> 来自客户端&nbsp;sEcho&nbsp;的没有变化的复制品， </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> string </td> 
 <td style="width:303.75pt;"> sColumns </td> 
 <td style="width:265.5pt;"> 可选，以逗号分隔的列名，&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> array&nbsp;array&nbsp;mixed </td> 
 <td style="width:303.75pt;"> aaData </td> 
 <td style="width:265.5pt;"> 数组的数组，表格中的实际数据。&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> 回调函数名称 </td> 
 <td style="border-color:#C0C0C0;width:303.75pt;"> 参数 </td> 
 <td style="border-color:#C0C0C0;width:265.5pt;"> 返回值 </td> 
 <td style="border-color:#C0C0C0;width:64.5pt;"> 默认 </td> 
 <td style="border-color:#C0C0C0;width:151.5pt;"> 功能 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnCookieCallback </td> 
 <td style="width:303.75pt;"> 1.string:&nbsp;Name&nbsp;of&nbsp;the&nbsp;cookie&nbsp;defined&nbsp;by&nbsp;DataTables&nbsp;2.object:&nbsp;Data&nbsp;to&nbsp;be&nbsp;stored&nbsp;in&nbsp;the&nbsp;cookie&nbsp;3.string:&nbsp;Cookie&nbsp;expires&nbsp;string&nbsp;4.string:&nbsp;Path&nbsp;of&nbsp;the&nbsp;cookie&nbsp;to&nbsp;set </td> 
 <td style="width:265.5pt;"> string:&nbsp;cookie&nbsp;formatted&nbsp;string&nbsp;(which&nbsp;should&nbsp;be&nbsp;encoded&nbsp;by&nbsp;using&nbsp;encodeURIComponent()) </td> 
 <td style="width:64.5pt;"> null </td> 
 <td style="width:151.5pt;"> 当每次cookies改变时，会触发这个函数调用 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnDrawCallback </td> 
 <td style="width:303.75pt;"> 无 </td> 
 <td style="width:265.5pt;"> 无 </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 在每次table被draw完后调用，至于做什么就看着办吧 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnFooterCallback </td> 
 <td style="width:303.75pt;"> 1.node&nbsp;:&nbsp;"TR"&nbsp;element&nbsp;for&nbsp;the&nbsp;footer&nbsp;2.array&nbsp;array&nbsp;strings&nbsp;:&nbsp;Full&nbsp;table&nbsp;data&nbsp;(as&nbsp;derived&nbsp;from&nbsp;the&nbsp;original&nbsp;HTML)&nbsp;3.int&nbsp;:&nbsp;Index&nbsp;for&nbsp;the&nbsp;current&nbsp;display&nbsp;starting&nbsp;point&nbsp;in&nbsp;the&nbsp;display&nbsp;array&lt;&nbsp;4.int&nbsp;:&nbsp;Index&nbsp;for&nbsp;the&nbsp;current&nbsp;display&nbsp;ending&nbsp;point&nbsp;in&nbsp;the&nbsp;display&nbsp;array&nbsp;5.array&nbsp;int&nbsp;:&nbsp;Index&nbsp;array&nbsp;to&nbsp;translate&nbsp;the&nbsp;visual&nbsp;position&nbsp;to&nbsp;the&nbsp;full&nbsp;data&nbsp;array </td> 
 <td style="width:265.5pt;"> 无 </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 用于在每次重画的时候修改表格的脚部 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnFormatNumber </td> 
 <td style="width:303.75pt;"> 1.int&nbsp;:&nbsp;number&nbsp;to&nbsp;be&nbsp;formatted </td> 
 <td style="width:265.5pt;"> String&nbsp;:&nbsp;formatted&nbsp;string&nbsp;for&nbsp;DataTables&nbsp;to&nbsp;show&nbsp;the&nbsp;number </td> 
 <td style="width:64.5pt;"> 有默认的 </td> 
 <td style="width:151.5pt;"> 用于在大数字上，自动加入一些逗号，分隔开 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnHeaderCallback </td> 
 <td style="width:303.75pt;"> 1.node&nbsp;:&nbsp;"TR"&nbsp;element&nbsp;for&nbsp;the&nbsp;header&nbsp;2.array&nbsp;array&nbsp;strings&nbsp;:&nbsp;Full&nbsp;table&nbsp;data&nbsp;(as&nbsp;derived&nbsp;from&nbsp;the&nbsp;original&nbsp;HTML)&nbsp;3.int&nbsp;:&nbsp;Index&nbsp;for&nbsp;the&nbsp;current&nbsp;display&nbsp;starting&nbsp;point&nbsp;in&nbsp;the&nbsp;display&nbsp;array&nbsp;4.int&nbsp;:&nbsp;Index&nbsp;for&nbsp;the&nbsp;current&nbsp;display&nbsp;ending&nbsp;point&nbsp;in&nbsp;the&nbsp;display&nbsp;array&nbsp;5.array&nbsp;int&nbsp;:&nbsp;Index&nbsp;array&nbsp;to&nbsp;translate&nbsp;the&nbsp;visual&nbsp;position&nbsp;to&nbsp;the&nbsp;full&nbsp;data&nbsp;array </td> 
 <td style="width:265.5pt;"> 无 </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 用于在每次draw发生时，修改table的header </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnInfoCallback </td> 
 <td style="width:303.75pt;"> 1.object:&nbsp;DataTables&nbsp;settings&nbsp;object&nbsp;2.int:&nbsp;Starting&nbsp;position&nbsp;in&nbsp;data&nbsp;for&nbsp;the&nbsp;draw&nbsp;3.int:&nbsp;End&nbsp;position&nbsp;in&nbsp;data&nbsp;for&nbsp;the&nbsp;draw&nbsp;4.int:&nbsp;Total&nbsp;number&nbsp;of&nbsp;rows&nbsp;in&nbsp;the&nbsp;table&nbsp;(regardless&nbsp;of&nbsp;filtering)&nbsp;5.int:&nbsp;Total&nbsp;number&nbsp;of&nbsp;rows&nbsp;in&nbsp;the&nbsp;data&nbsp;set,&nbsp;after&nbsp;filtering&nbsp;6.string:&nbsp;The&nbsp;string&nbsp;that&nbsp;DataTables&nbsp;has&nbsp;formatted&nbsp;using&nbsp;it's&nbsp;own&nbsp;rules </td> 
 <td style="width:265.5pt;"> string:&nbsp;The&nbsp;string&nbsp;to&nbsp;be&nbsp;displayed&nbsp;in&nbsp;the&nbsp;information&nbsp;element. </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 用于传达table信息 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnInitComplete </td> 
 <td style="width:303.75pt;"> 1.object:oSettings&nbsp;-&nbsp;DataTables&nbsp;settings&nbsp;object </td> 
 <td style="width:265.5pt;"> 无 </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 表格初始化完成后调用 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnPreDrawCallback </td> 
 <td style="width:303.75pt;"> 1.object:oSettings&nbsp;-&nbsp;DataTables&nbsp;settings&nbsp;object </td> 
 <td style="width:265.5pt;"> Boolean </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 用于在开始绘制之前调用，返回false的话，会阻止draw事件发生；返回其它值，draw可以顺利执行 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnRowCallback </td> 
 <td style="width:303.75pt;"> 1.node&nbsp;:&nbsp;"TR"&nbsp;element&nbsp;for&nbsp;the&nbsp;current&nbsp;row&nbsp;2.array&nbsp;strings&nbsp;:&nbsp;Raw&nbsp;data&nbsp;array&nbsp;for&nbsp;this&nbsp;row&nbsp;(as&nbsp;derived&nbsp;from&nbsp;the&nbsp;original&nbsp;HTML)&nbsp;3.int&nbsp;:&nbsp;The&nbsp;display&nbsp;index&nbsp;for&nbsp;the&nbsp;current&nbsp;table&nbsp;draw&nbsp;4.int&nbsp;:&nbsp;The&nbsp;index&nbsp;of&nbsp;the&nbsp;data&nbsp;in&nbsp;the&nbsp;full&nbsp;list&nbsp;of&nbsp;rows&nbsp;(after&nbsp;filtering) </td> 
 <td style="width:265.5pt;"> node&nbsp;:&nbsp;"TR"&nbsp;element&nbsp;for&nbsp;the&nbsp;current&nbsp;row </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 当创建了行，但还未绘制到屏幕上的时候调用，通常用于改变行的class风格 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnServerData </td> 
 <td style="width:303.75pt;"> 1.string:&nbsp;HTTP&nbsp;source&nbsp;to&nbsp;obtain&nbsp;the&nbsp;data&nbsp;from&nbsp;(i.e.&nbsp;sAjaxSource)&nbsp;2.array&nbsp;objects:&nbsp;A&nbsp;key/value&nbsp;pair&nbsp;object&nbsp;containing&nbsp;the&nbsp;data&nbsp;to&nbsp;send&nbsp;to&nbsp;the&nbsp;server&nbsp;3.function:&nbsp;Function&nbsp;to&nbsp;be&nbsp;called&nbsp;on&nbsp;completion&nbsp;of&nbsp;the&nbsp;data&nbsp;get&nbsp;process&nbsp;that&nbsp;will&nbsp;draw&nbsp;the&nbsp;data&nbsp;on&nbsp;the&nbsp;page. </td> 
 <td style="width:265.5pt;"> void </td> 
 <td style="width:64.5pt;"> $.getJSON </td> 
 <td style="width:151.5pt;"> 用于替换默认发到服务端的请求操作 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnStateLoadCallback </td> 
 <td style="width:303.75pt;"> 1.object:oSettings&nbsp;-&nbsp;DataTables&nbsp;settings&nbsp;object&nbsp;2.object:oData&nbsp;-&nbsp;Object&nbsp;containing&nbsp;information&nbsp;retrieved&nbsp;from&nbsp;the&nbsp;state&nbsp;saving&nbsp;cookie&nbsp;which&nbsp;should&nbsp;be&nbsp;restored.&nbsp;For&nbsp;the&nbsp;exact&nbsp;properties&nbsp;please&nbsp;refer&nbsp;to&nbsp;the&nbsp;DataTables&nbsp;code. </td> 
 <td style="width:265.5pt;"> Boolean&nbsp;-&nbsp;false&nbsp;if&nbsp;the&nbsp;state&nbsp;should&nbsp;not&nbsp;be&nbsp;loaded,&nbsp;true&nbsp;otherwise </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 在cookies中的数据被加载前执行，可以方便地修改这些数据 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#C0C0C0;width:106.5pt;"> fnStateSaveCallback </td> 
 <td style="width:303.75pt;"> 1.object:oSettings&nbsp;-&nbsp;DataTables&nbsp;settings&nbsp;object&nbsp;2.String:sValue&nbsp;-&nbsp;a&nbsp;JSON&nbsp;string&nbsp;(without&nbsp;the&nbsp;final&nbsp;closing&nbsp;brace)&nbsp;which&nbsp;should&nbsp;be&nbsp;stored&nbsp;in&nbsp;the&nbsp;state&nbsp;saving&nbsp;cookie. </td> 
 <td style="width:265.5pt;"> String&nbsp;-&nbsp;the&nbsp;full&nbsp;string&nbsp;that&nbsp;should&nbsp;be&nbsp;used&nbsp;to&nbsp;save&nbsp;the&nbsp;state </td> 
 <td style="width:64.5pt;"> 无 </td> 
 <td style="width:151.5pt;"> 在状态数据被存储到cookies前执行，可以方便地做一些预操作 </td> 
 </tr> 
 </tbody> 
</table>