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 ajaxOption 从 Ajax 源加载数据的表的内容,ajax 作为function用法
fnServerParams ajax.dataOption 发送给服务器的参数
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 ajax.urlOption 从 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 ajax.typeOption 从 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 版本号码的兼容性检查功能

转载:http://datatables.club/upgrade/1.10-convert.html#

DataTables 1.10.x与1.9.x参数名对照表的更多相关文章

  1. Datatables 1.10.x在命名上与1.9.x

    1.10.x与1.9.x参数名对照表 Datatables 1.10.x在命名上与1.9.x的有区别,新版的使用的是驼峰的命名规则,而之前的是采用匈牙利命名规则 当然,这些变化都是向下兼容的,你可以继 ...

  2. 10大mysql需要注意的参数

    MySQL变量很多,其中有一些MySQL变量非常值得我们注意,下面就为您介绍一些值得我们重点学习的MySQL变量,供您参考. 1 Threads_connected 首先需要注意的,想得到这个变量的值 ...

  3. 开发笔记-19/10/28 -SpringBoot @Value 获取配置参数

    1. 在application.properties 定义参数 role.taskEvent :参数名称 4:值 ## ---------------------任务角色--------------- ...

  4. jQuery DataTables 插件使用笔记

    初始化 在页面中 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type=&q ...

  5. 基于bootstrap + php +ajax datatable 插件的使用

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 下面是我学习datatables写的一个服务器端(php)分页例子,该功能包含的功能 ...

  6. 高级javascript---严格模式

    严格模式 (JavaScript)   严格模式是一种将更好的错误检查引入代码中的方法. 在使用严格模式时,你无法使用隐式声明的变量.将值赋给只读属性或将属性添加到不可扩展的对象等. 本主题后面的代码 ...

  7. 严格模式 (JavaScript)

    严格模式是一种将更好的错误检查引入代码中的方法. 在使用严格模式时,您无法使用隐式声明的变量.将值赋给只读属性或将属性添加到不可扩展的对象. 〉声明严格模式 可以通过在文件.程序或函数的开头添加 &q ...

  8. java初步—参数的值传递

    校招季,本人匆匆忙忙地参加各种宣讲会,几次笔试下来都遇到同一个题目,而且全都错在同一想法上,方知自己的基础实在不太牢固,因此特别写在博客上提醒自己要脚踏实地地学习!不多说了,题目如下: public ...

  9. 阿里Java面经大全(整合版)

    本文里的面经内容全部来源于牛客网,作为秋招备战复习与查缺补漏时使用.里面部分面经有我的注释和想法,以及部分解答,不一定正确,大家可以查询补充. 阿里巴巴,三面,java实习 昨天晚上11点打电话来,问 ...

随机推荐

  1. 51Nod 1048 1383 整数分解为2的幂

    任何正整数都能分解成2的幂,给定整数N,求N的此类划分方法的数量! 比如N = 7时,共有6种划分方法.   7=1+1+1+1+1+1+1   =1+1+1+1+1+2   =1+1+1+2+2   ...

  2. Hadoop HDFS命令

    hadoop fs -mkdir  创建HDFS目录 # hadoop fs -mkdir /data Hadoop fs -ls  列出HDFS目录 # hadoop fs -ls /data ha ...

  3. 「THUPC2018」赛艇 / Citing

    https://loj.ac/problem/6388 矩形匹配,小地图经过位置为1,和大地图匹配不能同时存在一个1的位置,就可以是一个当前位置 1.bitset压位,....O(n^2m^2/64) ...

  4. JAVA8给我带了什么——lambda表达

    这此年来我一直从事.NET的开发.对于JAVA我内心深处还是很向往的.当然这并不是说我不喜欢.NET.只是觉得JAVA也许才是笔者最后的归处.MK公司是以.NET起家的.而笔者也因为兄弟的原因转行.N ...

  5. 网络编程——socket(四十三)

    http://www.cnblogs.com/linhaifeng/articles/6129246.html#_label7 http://www.cnblogs.com/linhaifeng/ar ...

  6. 斯坦福大学公开课机器学习:梯度下降运算的学习率a(gradient descent in practice 2:learning rate alpha)

    本章节主要讲怎么确定梯度下降的工作是正确的,第二是怎么选择学习率α,如下图所示: 上图显示的是梯度下降算法迭代过程中的代价函数j(θ)的值,横轴是迭代步数,纵轴是j(θ)的值 如果梯度算法正常工作,那 ...

  7. js中事件绑定要注意的事项之如何在方法中自己打印自己的值

    下面是错误的js方法绑定,这样写会造成在方法中不能用 调用方法的dom本身的一些 东西,如各种属性或者jq对象等. <!DOCTYPE html> <html> <hea ...

  8. Spring + Shiro 项目 + HttpSessionListener 【调用springService问题】&【Session失效问题】

    功能描述: 当用户退出(主动)或者关闭浏览器(session超时)的时候,利用本次登录Ip更新上次登录IP.有人可能要问,你在用户登录的时候记录不就行了.可是我有两个字段,一个为本次登录IP,另外一个 ...

  9. Nginx的特性与核心类别及配置文件和模块详解

    1.root path 设置web资源路径,用于指定请求的根文档目录,从根开始匹配 root:root/URI 2.alias path 指定路径别名,只能用于location中,从最后一个/开始匹配 ...

  10. Windows环境安装MySQL数据库

    Windows环境安装MySQL数据库 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 最近在学习Java语言,开发环境在Windows操作系统上,因此需要在Windows上安装My ...