Datatables 1.10.x在命名上与1.9.x
1.10.x与1.9.x参数名对照表
Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则
当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称。 如果你要是用新版本的api方法,请参考下面表格的对照表,大多数的都是直接从匈牙利命名到驼峰命名,极个别重命名,还添加了新的属性名称。
初始化
现在可以这样创建一个Datatables:
$(...).dataTable()创建一个Datatables并返回一个jquery对象(1.9-)
$(...).DataTable()创建一个Datatables并返回一个新的Datatables API实例
两种方法都可以在1.10+版本中使用
选项(Options)
| 匈牙利式 | 驼峰式 | 含义 | 
|---|---|---|
aaData | 
dataDT | 
给表格显示数据 | 
aaSorting | 
orderDT | 
表格初始化排序 | 
aaSortingFixed | 
orderFixedDT | 
Ordering to always be applied to the table | 
aDataSort | 
columns.orderDataDT | 
定义多个列作为列的默认顺序 | 
aLengthMenu | 
lengthMenuDT | 
改变每页显示条数列表的选项 | 
aTargets | 
columnDefs.targetsDT | 
适用于指定一个特定的列 | 
aoColumns | 
columnsDT | 
列配置数组 | 
aoColumnDefs | 
columnDefsDT | 
列定义配置数组 | 
aoSearchCols | 
searchColsDT | 
给个别列定义搜索选项 | 
asSorting | 
columns.orderSequenceDT | 
指定排序 | 
asStripeClasses | 
stripeClassesDT | 
在表中设置斑马条纹类的行 | 
bAutoWidth | 
autoWidthDT | 
让Datatables自动计算宽度 | 
bDeferRender | 
deferRenderDT | 
延迟渲染可以提高Datatables的加载速度 | 
bDestroy | 
destroyDT | 
允许重新实例化Datatables | 
bFilter | 
searchingDT | 
开启搜索功能 | 
bInfo | 
infoDT | 
开启Datatables信息显示 | 
bJQueryUI | 
jQueryUIDT | 
使用jqueryui样式(需要引入jqueryui的css) | 
bLengthChange | 
lengthChangeDT | 
允许改变每页显示的数据条数 | 
bPaginate | 
pagingDT | 
允许表格分页 | 
bProcessing | 
processingDT | 
显示加载信息 | 
bRetrieve | 
retrieveDT | 
检索一个已存在的Datatables实例 | 
bScrollAutoCss | 
废弃 | |
bScrollCollapse | 
scrollCollapseDT | 
开启滚动条 | 
bScrollInfinite | 
废弃 | |
bSearchable | 
columns.searchableDT | 
定义列是否允许搜索 | 
bServerSide | 
serverSideDT | 
开启服务器模式 | 
bSort | 
orderingDT | 
是否启用Datatables排序 | 
bSortable | 
columns.orderableDT | 
开启或关闭某列的排序 | 
bSortCellsTop | 
orderCellsTopDT | 
Control which cell the order event handler will be applied to in a column | 
bSortClasses | 
orderClassesDT | 
排序列高亮显示 | 
bStateSave | 
stateSaveDT | 
允许浏览器缓存Datatables,以便下次恢复之前的状态 | 
bUseRendered | 
废弃 | Use columns.renderDT | 
bVisible | 
columns.visibleDT | 
列是否显示 | 
fnCookieCallback | 
废弃 | |
fnCreatedCell | 
columns.createdCellDT | 
单元格被创建回调函数,允许dom操作 | 
fnCreatedRow | 
createdRowDT | 
tr被创建回调函数 | 
fnDrawCallback | 
drawCallbackDT | 
表格重绘的时候回调函数 | 
fnFooterCallback | 
footerCallbackDT | 
foot显示回调函数 | 
fnFormatNumber | 
formatNumberDT | 
数字格式化回调函数 | 
fnHeaderCallback | 
headerCallbackDT | 
thead显示回调函数 | 
fnInfoCallback | 
infoCallbackDT | 
表格主要信息显示回调函数 | 
fnInitComplete | 
initCompleteDT | 
表格加载完成回调函数 | 
fnPreDrawCallback | 
preDrawCallbackDT | 
预绘制回调函数 | 
fnRender | 
废弃 | Use columns.renderDT | 
fnRowCallback | 
rowCallbackDT | 
行重绘回调 | 
fnServerData | 
ajaxDT | 
从 Ajax 源加载数据的表的内容 | 
fnServerParams | 
ajaxDT | 
从 Ajax 源加载数据的表的内容 | 
fnStateLoad | 
stateLoadCallbackDT | 
定义在何处以及如何应加载已保存的状态的回调 | 
fnStateLoaded | 
stateLoadedDT | 
状态被读取回调 | 
fnStateLoadParams | 
stateLoadParamsDT | 
加载状态,数据操作回调 | 
fnStateSave | 
stateSaveCallbackDT | 
定义如何存和在哪里储表状态回调 | 
fnStateSaveParams | 
stateSaveParamsDT | 
状态保存,数据操作回调 | 
iCookieDuration | 
stateDurationDT | 
状态保存的有效期 | 
iDataSort | 
columns.orderDataDT | 
定义多个列作为列的默认顺序 | 
iDeferLoading | 
deferLoadingDT | 
延迟加载服务器端数据直到第二次重绘 | 
iDisplayLength | 
pageLengthDT | 
更改初始页面长度 (每页的行数) | 
iDisplayStart | 
displayStartDT | 
初始分页起始点 | 
iScrollLoadGap | 
废弃 | |
iTabIndex | 
tabIndexDT | 
选项卡索引控件的键盘导航 | 
mData | 
columns.dataDT | 
从行数据对象/数组设置列的数据源 | 
mRender | 
columns.renderDT | 
Render (process) the data for use in the table | 
oLanguage.oAria.sSortAscending | 
language.aria.sortAscendingDT | 
用于WAI-ARIA(无障碍网页应用)属性 | 
oLanguage.oAria.sSortDescending | 
language.aria.sortDescendingDT | 
用于WAI-ARIA(无障碍网页应用)属性 | 
oLanguage.oPaginate.sFirst | 
language.paginate.firstDT | 
翻页中“首页”字符串 | 
oLanguage.oPaginate.sLast | 
language.paginate.lastDT | 
翻页中“尾页”字符串 | 
oLanguage.oPaginate.sNext | 
language.paginate.nextDT | 
翻页中“下一页”字符串 | 
oLanguage.oPaginate.sPrevious | 
language.paginate.previousDT | 
翻页中“上一页”字符串 | 
oLanguage.sEmptyTable | 
language.emptyTableDT | 
表格中没有数据时显示的字符串 | 
oLanguage.sInfo | 
language.infoDT | 
表格主要信息显示字符串 | 
oLanguage.sInfoEmpty | 
language.infoEmptyDT | 
当表格没有数据和搜索记录时,表格主要信息显示字符串 | 
oLanguage.sInfoFiltered | 
language.infoFilteredDT | 
当使用搜索功能后,表格主要信息出追加的字符 | 
oLanguage.sInfoPostFix | 
language.infoPostFixDT | 
追加到所有其他主要信息字符串之后 | 
oLanguage.sInfoThousands | 
language.thousandsDT | 
千分位分隔符 | 
oLanguage.sLengthMenu | 
language.lengthMenuDT | 
页面显示数据条数选项 | 
oLanguage.sLoadingRecords | 
language.loadingRecordsDT | 
当ajax加载数据时-加载信息显示字符串 | 
oLanguage.sProcessing | 
language.processingDT | 
显示正在处理字符串 | 
oLanguage.sSearch | 
language.searchDT | 
搜索框显示字符串 | 
oLanguage.sUrl | 
language.urlDT | 
从远程加载语言信息文件url | 
oLanguage.sZeroRecords | 
language.zeroRecordsDT | 
过滤后空的结果字符串 | 
oSearch | 
searchDT | 
设置一个在Datatables初始化时的搜索选项 | 
sAjaxDataProp | 
ajax.dataSrcDT | 
表数据的数据属性或操作方法 | 
sAjaxSource | 
ajaxDT | 
从 Ajax 源加载数据的表的内容 | 
sCellType | 
columns.cellTypeDT | 
要为列创建的单元格类型 | 
sClass | 
columns.classNameDT | 
指定单元格样式 | 
sContentPadding | 
contentPaddingDT | 
给文本内容添加填充被用来计算最合适的表格 | 
sCookiePrefix | 
废弃 | |
sDefaultContent | 
columns.defaultContentDT | 
给列设置默认的,静态的内容 | 
sDom | 
domDT | 
按什么顺序定义表的控制元素在页面上出现 | 
sName | 
columns.nameDT | 
设置列的描述性名称 | 
sPaginationType | 
pagingTypeDT | 
分页按钮种类显示选项 | 
sScrollX | 
scrollXDT | 
水平滚动条 | 
sScrollXInner | 
scrollXInner | 
没有文档在1.10中 | 
sScrollY | 
scrollYDT | 
垂直滚动条 | 
sServerMethod | 
ajaxDT | 
从 Ajax 源加载数据的表的内容的方式 | 
sSortDataType | 
columns.orderDataTypeDT | 
Live DOM sorting type assignment | 
sTitle | 
columns.titleDT | 
给列设置名称 | 
sType | 
columns.typeDT | 
设置用于筛选和排序字符串处理的列类型 | 
sWidth | 
columns.widthDT | 
设置列宽 | 
API
以下是旧的api转换新的,新的api有很多,下面没有全部列出来。关于如何使用它,请参考api完整信息。
| 匈牙利式 | 驼峰式 | 含义 | 
|---|---|---|
$ | 
$DT | 
Perform a jQuery selection action on the full table. | 
_ | 
row().data()DT, rows().data()DT, cell().data()DT | 
从行、列和单元格中获取数据 | 
fnAddData | 
row.add()DT, rows.add()DT | 
给表格添加一行或多行 | 
fnAdjustColumnSizing | 
columns.adjust()DT | 
重新计算列的宽度 | 
fnClearTable | 
clear()DT | 
清除表格的所有数据 | 
fnClose | 
row().child.hide()DT | 
隐藏父行的子行 | 
fnDeleteRow | 
row().remove()DT, rows().remove()DT | 
从Datatables删掉一行或或者更多 | 
fnDestroy | 
destroy()DT | 
从当前上下文销毁掉Datatables对象 | 
fnDraw | 
draw()DT | 
重绘表格 | 
fnFilter | 
search()DT, column().search()DT, columns().search()DT | 
从表格里搜索数据 | 
fnGetData | 
row().data()DT, rows().data()DT, cell().data()DT | 
从列,行,单元格中获取数据 | 
fnGetNodes | 
row().node()DT, rows().nodes()DT, cell().node()DT | 
从列,行和单元格里获取节点 | 
fnGetPosition | 
row().index()DT, cell.index()DT | 
获取有关选定的行、 列或单元格的索引信息 | 
fnIsDataTable | 
$.fn.dataTable.isDataTable()DT | 
检查表格的节点是不是Datatable对象 | 
fnIsOpen | 
row().child.isShown()DT | 
检查子行的父行是否可见 | 
fnOpen | 
row().child()DT | 
使父行的子行可见 | 
fnPageChange | 
page()DT | 
获取/设置表的当前页 | 
fnSetColumnVis | 
column().visible()DT | 
获取/设置单个所选列的可见性 | 
fnSettings | 
settings()DT | 
获取表的设置对象 | 
fnSort | 
order()DT, column().order()DT | 
选择指定列排序 | 
fnSortListener | 
order.listener()DT | 
给指定的列添加排序的监听 | 
fnTables | 
$.fn.dataTable.tables()DT | 
在本页得到所有的Datatables | 
fnUpdate | 
row().data()DT, cell().data()DT | 
设置行或单元格的数据 | 
fnVersionCheck | 
$.fn.dataTable.versionCheck()DT | 
版本号码的兼容性检查功能 | 
Datatables 1.10.x在命名上与1.9.x的更多相关文章
- DataTables 1.10.x与1.9.x参数名对照表
		
Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则 当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称. ...
 - SLAM+语音机器人DIY系列:(二)ROS入门——10.在实际机器人上运行ROS高级功能预览
		
摘要 ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便.我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS ...
 - 背水一战 Windows 10 (120) - 后台任务: 后台上传任务
		
[源码下载] 背水一战 Windows 10 (120) - 后台任务: 后台上传任务 作者:webabcd 介绍背水一战 Windows 10 之 后台任务 后台上传任务 示例演示 uwp 的后台上 ...
 - django之创建第10个项目-图片上传方式1
		
1.upload.HTMl <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang=& ...
 - 在centos7(EL7.3  即 kernel-3.10.0-514.X )上安装BCM4312无线网卡驱动要注意的问题
		
我新装的centos7主机无法使用里面自带的网卡,查询后发现网卡型号为BCM4312.我在看资料安装的过程中遇到了些问题,纠结了好久,现在分享下要注意的点,为后来的遇到同样问题的人提供点帮助.现在开始 ...
 - Drupal8重命名上传的中文名文件
		
完整的模块代码文件在Coding.net上,想直接使用的请前往下载:https://coding.net/u/yamus/p/chinese_rename/git/tree/master 最近吧Dru ...
 - ASP.NET中的文件操作(文件信息,新建,移动,复制,重命名,上传,遍历)(亲测详细)
		
做了几天的文件操作,现在来总结一下,错误之处,还望指点!以文件为例,如果对文件夹操作,基本上将File换为Directory即可(例:FileInfo file = new FileInfo(Path ...
 - [转载] 淘宝内部分享:怎么跳出MySQL的10个大坑(上)
		
原文: http://mp.weixin.qq.com/s?__biz=MzAxNjAzMTQyMA==&mid=209773318&idx=1&sn=e9600d3db80b ...
 - 使用delphi 10.2 开发linux 上的Daemon
		
delphi 10.2 支持linux, 而且官方只是支持命令行编程,目地就是做linux 服务器端的开发. 既然是做linux服务器端的开发,那么普通的命令行运行程序,然后等待开一个黑窗口的方式就 ...
 
随机推荐
- reversing.kr replace 之write up
			
好似reversing除了前几个容易些,后面的都很难的.看wp都很困难.首先wp提示crtl+n查看程序所有函数,并且找到了测试函数: 补充: GetDlgItemInt函数通过发送控件WM_GETT ...
 - STM32——输入捕获实验原理及配置步骤
			
输入捕获实验原理及配置步骤 一.输入捕获概念 STM32的输入捕获,简单的说就是通过检测 TIMx_CHx (定时器X的通道X)上的 边沿信号,在边沿信号发生跳变(比如上升沿/下降沿)的时候,将当前定 ...
 - LayUI分页基于ASP.NET MVC
			
---恢复内容开始--- 今天写了挺久的分页,百度了很多都没有很好的.Net实例,今天我来更新一期关于layuiTable分页 首先你得理解layui的官方文档的Table分页部分,我在这里附上地址 ...
 - HDU 5468 Puzzled Elena
			
Puzzled Elena Time Limit: 2500ms Memory Limit: 131072KB This problem will be judged on HDU. Original ...
 - Coloring Brackets (区间DP)
			
Once Petya read a problem about a bracket sequence. He gave it much thought but didn't find a soluti ...
 - MyBatis使用Mapper动态代理开发Dao层
			
开发规范 Mapper接口开发方法只需要程序员编写Mapper接口(相当于Dao接口),由Mybatis框架根据接口定义创建接口的动态代理对象,代理对象的方法体同原始Dao接口实现类方法. Mappe ...
 - Request获取Session的两种方式
			
1.无请求参数 public HttpSession getSession() 获取当前request关联的session,如果当前request没有session,创建一个session. 2.有请 ...
 - jQuery根据属性模糊匹配元素
			
1.查看带有指定属性的元素: [attribute] 例如: $("div[id]") 2.查看属性值是某个特定值的元素: [attribute=value] 例如: $(&quo ...
 - python学习之-- assert断言
			
assert 断言作用:断言是声明其布尔值必须为真的判定,如果发生异常就说明表达示为假.可以理解assert断言语句为raise-if-not,用来测试表示式,其返回值为假,就会触发异常.举例如下:a ...
 - BZOJ——4195: [Noi2015]程序自动分析
			
http://www.lydsy.com/JudgeOnline/problem.php?id=4195 Time Limit: 10 Sec Memory Limit: 512 MBSubmit: ...