jQuery Datatables 1.10.x与1.9.x参数名对照表

本文介绍了Datatables从1.9.x到1.10.x的主要更新内容,包括命名规则的变化、初始化方式的调整以及API的更新等。详细列出了新老版本在选项设置上的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则

当然,这些变化都是向下兼容的,你可以继续使用旧版本的api方法的参数和名称。 如果你要是用新版本的api方法,请参考下面表格的对照表,大多数的都是直接从匈牙利命名到驼峰命名,极个别重命名,还添加了新的属性名称。

初始化

现在可以这样创建一个Datatables:

$(...).dataTable()创建一个Datatables并返回一个jquery对象(1.9-)

$(...).DataTable()创建一个Datatables并返回一个新的Datatables API实例

两种方法都可以在1.10+版本中使用

选项(Options)

匈牙利式驼峰式含义
aaDatadata给表格显示数据
aaSortingorder表格初始化排序
aaSortingFixedorderFixedOrdering to always be applied to the table
aDataSortcolumns.orderData定义多个列作为列的默认顺序
aLengthMenulengthMenu改变每页显示条数列表的选项
aTargetscolumnDefs.targets适用于指定一个特定的列
aoColumnscolumns列配置数组
aoColumnDefscolumnDefs列定义配置数组
aoSearchColssearchCols给个别列定义搜索选项
asSortingcolumns.orderSequence指定排序
asStripeClassesstripeClasses在表中设置斑马条纹类的行
bAutoWidthautoWidth让Datatables自动计算宽度
bDeferRenderdeferRender延迟渲染可以提高Datatables的加载速度
bDestroydestroy允许重新实例化Datatables
bFiltersearching开启搜索功能
bInfoinfo开启Datatables信息显示
bJQueryUIjQueryUI使用jqueryui样式(需要引入jqueryui的css)
bLengthChangelengthChange允许改变每页显示的数据条数
bPaginatepaging允许表格分页
bProcessingprocessing显示加载信息
bRetrieveretrieve检索一个已存在的Datatables实例
bScrollAutoCss废弃
bScrollCollapsescrollCollapse开启滚动条
bScrollInfinite废弃
bSearchablecolumns.searchable定义列是否允许搜索
bServerSideserverSide开启服务器模式
bSortordering是否启用Datatables排序
bSortablecolumns.orderable开启或关闭某列的排序
bSortCellsToporderCellsTopControl which cell the order event handler will be applied to in a column
bSortClassesorderClasses排序列高亮显示
bStateSavestateSave允许浏览器缓存Datatables,以便下次恢复之前的状态
bUseRendered废弃Use columns.render
bVisiblecolumns.visible列是否显示
fnCookieCallback废弃
fnCreatedCellcolumns.createdCell单元格被创建回调函数,允许dom操作
fnCreatedRowcreatedRowtr被创建回调函数
fnDrawCallbackdrawCallback表格重绘的时候回调函数
fnFooterCallbackfooterCallbackfoot显示回调函数
fnFormatNumberformatNumber数字格式化回调函数
fnHeaderCallbackheaderCallbackthead显示回调函数
fnInfoCallbackinfoCallback表格主要信息显示回调函数
fnInitCompleteinitComplete表格加载完成回调函数
fnPreDrawCallbackpreDrawCallback预绘制回调函数
fnRender废弃Use columns.render
fnRowCallbackrowCallback行重绘回调
fnServerDataajaxOption从 Ajax 源加载数据的表的内容,ajax 作为function用法
fnServerParamsajax.dataOption发送给服务器的参数
fnStateLoadstateLoadCallback定义在何处以及如何应加载已保存的状态的回调
fnStateLoadedstateLoaded状态被读取回调
fnStateLoadParamsstateLoadParams加载状态,数据操作回调
fnStateSavestateSaveCallback定义如何存和在哪里储表状态回调
fnStateSaveParamsstateSaveParams状态保存,数据操作回调
iCookieDurationstateDuration状态保存的有效期
iDataSortcolumns.orderData定义多个列作为列的默认顺序
iDeferLoadingdeferLoading延迟加载服务器端数据直到第二次重绘
iDisplayLengthpageLength更改初始页面长度 (每页的行数)
iDisplayStartdisplayStart初始分页起始点
iScrollLoadGap废弃
iTabIndextabIndex选项卡索引控件的键盘导航
mDatacolumns.data从行数据对象/数组设置列的数据源
mRendercolumns.renderRender (process) the data for use in the table
oLanguage.oAria.sSortAscendinglanguage.aria.sortAscending用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oAria.sSortDescendinglanguage.aria.sortDescending用于WAI-ARIA(无障碍网页应用)属性
oLanguage.oPaginate.sFirstlanguage.paginate.first翻页中“首页”字符串
oLanguage.oPaginate.sLastlanguage.paginate.last翻页中“尾页”字符串
oLanguage.oPaginate.sNextlanguage.paginate.next翻页中“下一页”字符串
oLanguage.oPaginate.sPreviouslanguage.paginate.previous翻页中“上一页”字符串
oLanguage.sEmptyTablelanguage.emptyTable表格中没有数据时显示的字符串
oLanguage.sInfolanguage.info表格主要信息显示字符串
oLanguage.sInfoEmptylanguage.infoEmpty当表格没有数据和搜索记录时,表格主要信息显示字符串
oLanguage.sInfoFilteredlanguage.infoFiltered当使用搜索功能后,表格主要信息出追加的字符
oLanguage.sInfoPostFixlanguage.infoPostFix追加到所有其他主要信息字符串之后
oLanguage.sInfoThousandslanguage.thousands千分位分隔符
oLanguage.sLengthMenulanguage.lengthMenu页面显示数据条数选项
oLanguage.sLoadingRecordslanguage.loadingRecords当ajax加载数据时-加载信息显示字符串
oLanguage.sProcessinglanguage.processing显示正在处理字符串
oLanguage.sSearchlanguage.search搜索框显示字符串
oLanguage.sUrllanguage.url从远程加载语言信息文件url
oLanguage.sZeroRecordslanguage.zeroRecords过滤后空的结果字符串
oSearchsearch设置一个在Datatables初始化时的搜索选项
sAjaxDataPropajax.dataSrc表数据的数据属性或操作方法
sAjaxSourceajax.urlOption从 Ajax 源加载数据的表的内容
sCellTypecolumns.cellType要为列创建的单元格类型
sClasscolumns.className指定单元格样式
sContentPaddingcontentPadding给文本内容添加填充被用来计算最合适的表格
sCookiePrefix废弃
sDefaultContentcolumns.defaultContent给列设置默认的,静态的内容
sDomdom按什么顺序定义表的控制元素在页面上出现
sNamecolumns.name设置列的描述性名称
sPaginationTypepagingType分页按钮种类显示选项
sScrollXscrollX水平滚动条
sScrollXInnerscrollXInner没有文档在1.10中
sScrollYscrollY垂直滚动条
sServerMethodajax.typeOption从 Ajax 源加载数据的表的内容的方式
sSortDataTypecolumns.orderDataTypeLive DOM sorting type assignment
sTitlecolumns.title给列设置名称
sTypecolumns.type设置用于筛选和排序字符串处理的列类型
sWidthcolumns.width设置列宽

API

以下是旧的api转换新的,新的api有很多,下面没有全部列出来。关于如何使用它,请参考api完整信息。

匈牙利式驼峰式含义
$$Perform a jQuery selection action on the full table.
_row().data(), rows().data(), cell().data()从行、列和单元格中获取数据
fnAddDatarow.add(), rows.add()给表格添加一行或多行
fnAdjustColumnSizingcolumns.adjust()重新计算列的宽度
fnClearTableclear()清除表格的所有数据
fnCloserow().child.hide()隐藏父行的子行
fnDeleteRowrow().remove(), rows().remove()从Datatables删掉一行或或者更多
fnDestroydestroy()从当前上下文销毁掉Datatables对象
fnDrawdraw()重绘表格
fnFiltersearch(), column().search(), columns().search()从表格里搜索数据
fnGetDatarow().data(), rows().data(), cell().data()从列,行,单元格中获取数据
fnGetNodesrow().node(), rows().nodes(), cell().node()从列,行和单元格里获取节点
fnGetPositionrow().index(), cell.index()获取有关选定的行、 列或单元格的索引信息
fnIsDataTable$.fn.dataTable.isDataTable()检查表格的节点是不是Datatable对象
fnIsOpenrow().child.isShown()检查子行的父行是否可见
fnOpenrow().child()使父行的子行可见
fnPageChangepage()获取/设置表的当前页
fnSetColumnViscolumn().visible()获取/设置单个所选列的可见性
fnSettingssettings()获取表的设置对象
fnSortorder(), column().order()选择指定列排序
fnSortListenerorder.listener()给指定的列添加排序的监听
fnTables$.fn.dataTable.tables()在本页得到所有的Datatables
fnUpdaterow().data(), cell().data()设置行或单元格的数据
fnVersionCheck$.fn.dataTable.versionCheck()版本号码的兼容性检查功能
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值