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()DTrows().data()DTcell().data()DT 从行、列和单元格中获取数据
fnAddData row.add()DTrows.add()DT 给表格添加一行或多行
fnAdjustColumnSizing columns.adjust()DT 重新计算列的宽度
fnClearTable clear()DT 清除表格的所有数据
fnClose row().child.hide()DT 隐藏父行的子行
fnDeleteRow row().remove()DTrows().remove()DT 从Datatables删掉一行或或者更多
fnDestroy destroy()DT 从当前上下文销毁掉Datatables对象
fnDraw draw()DT 重绘表格
fnFilter search()DTcolumn().search()DTcolumns().search()DT 从表格里搜索数据
fnGetData row().data()DTrows().data()DTcell().data()DT 从列,行,单元格中获取数据
fnGetNodes row().node()DTrows().nodes()DTcell().node()DT 从列,行和单元格里获取节点
fnGetPosition row().index()DTcell.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()DTcolumn().order()DT 选择指定列排序
fnSortListener order.listener()DT 给指定的列添加排序的监听
fnTables $.fn.dataTable.tables()DT 在本页得到所有的Datatables
fnUpdate row().data()DTcell().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. 【BZOJ3193】[JLOI2013]地形生成(动态规划)

    [BZOJ3193][JLOI2013]地形生成(动态规划) 题面 BZOJ 洛谷 题解 第一问不难,首先按照山的高度从大往小排序,这样子只需要抉择前面有几座山就好了.然而有高度相同的山.其实也不麻烦 ...

  2. 【BZOJ1856】[SCOI2010]字符串(组合数学)

    [BZOJ1856][SCOI2010]字符串(组合数学) 题面 BZOJ 洛谷 题解 把放一个\(1\)看做在平面直角坐标系上沿着\(x\)正半轴走一步,放一个\(0\)看做往\(y\)轴正半轴走一 ...

  3. ASP:连接Access数据库的方法及使用感受

    连接Access的方式有: 方式1: Set conn = Server.Createobject("ADODB.Connection")conn.open "drive ...

  4. (reverse) Text Reverse hdu1062

    Text Reverse Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Tot ...

  5. 任意输入一串字符串,求该字符串中字符的出现次数并打印出来,如输入“bcaba”输出:b 2 c 1 a 2

    前言:其实我还是有点不懂,有点郁闷了,算了直接把代码放上去把. 方法一: Scanner input=new Scanner(System.in); System.out.println(" ...

  6. FastDFS整合nginx后,nginx一直报错

    FastDFS整合nginx后,nginx一直报错: 报错内容: [2018-06-11 09:41:21] ERROR - file: ../common/fdfs_http_shared.c, l ...

  7. EasyUI的onLoadSuccess方法

    EasyUI加载表单的时候,对表单内行数据进行判断,可以赋颜色,也可以进行其他操作 onLoadSuccess:function(data) { for(var i=0;i<data.rows. ...

  8. 学习windows编程 day5 之 区域裁剪

    LRESULT CALLBACK WndProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam) { HDC hdc; PAINTSTRU ...

  9. 学习windows编程 day4 之 盯裆猫

    写着写着就困了.... 看这些测量数据就算了,是对各种函数的练习 #include <windows.h> LRESULT CALLBACK WndProc(HWND hwnd, UINT ...

  10. CentOS6.8搭建rabbitmq消息中间件

    参考资料:http://blog.csdn.net/yunfeng482/article/details/72853983 一.rabbitmq简介 MQ全称为Message Queue, 消息队列( ...