Datatables

2023-10-27

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 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 版本号码的兼容性检查功能

https://datatables.net/upgrade/1.10-convert.html

Translation from DataTables.net, with permission
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Datatables 的相关文章

  • 如何创建增量加载网页

    我正在编写一个处理大量数据的页面 它会永远持续到我的结果页面加载 几乎无限 因为返回的数据太大了 因此 我需要实现一个增量加载页面 例如 url 中的页面 http docs python org http docs python org
  • 通过 jQuery 从输入类型=“文件”多个中删除文件

    我在使用 PHP 和 jQuery 上传文件时遇到问题 表单可以一次上传多个图像 这些图像可以在滑块中预览 表单还包含两个字段标题和描述 滑块通过 jQuery 工作 当用户通过单击选择文件来选择多个图像时
  • Rails3/will_paginate/Ajax - 下一个/上一个链接无法正常工作(这是一个错误吗?)

    我正在遵循 使用ajax分页 http railscasts com episodes 174 pagination with ajax railscast 用于我的 Rails 3 应用程序 一切似乎都运行良好 除了上一个和下一个链接根本
  • 正则表达式以任何顺序匹配查询中的所有单词

    我正在尝试为一个项目构建一个搜索功能 该功能根据用户搜索输入以及它是否与针对项目列出的关键字匹配来缩小项目范围 为此 我将项目关键字保存在data属性并使用 RegExp 模式将查询与这些关键字进行匹配 我目前正在使用这个表达式 我知道它不
  • jquery中文本区域自动调整大小

    我怎样才能做一个
  • Jquery:选择器找不到类?

    我正在尝试推进 Jquery autcomplete 功能 我希望 Jquery 自动完成在表中创建新行 到目前为止 这有效 但我希望 Jquery 添加一个删除按钮 因此用户可以删除他添加的项目之一 document ready func
  • jquery datatable ajax 无数据可用 mvc

    我有一张桌子是在 document ready功能 我还使用 jQuery DataTables 插件 由于某种原因 当页面加载时 ajax 调用控制器并返回数据并将其设置为我的网格所有获取的数据 但是尽管所有数据都加载到数据表中 但仍获取
  • 了解设置 JQuery 变量

    了解设置 JQuery 变量 最近 我通过在 StackOverflow 上遇到的另一个问题寻找帮助 了解到如何设置 JQuery 变量 如下所示 您可以通过简单地调用变量来创建输入字段 并且锚变量似乎也定义了样式 var clicked
  • Jquery 组合 SlideUp/Down 并单击

    我创建了两个脚本 其中一个具有向上滑动和向下滑动命令 这些命令在页面加载时作用于计时器 第二个是单击事件 其中单击链接时执行向上 向下滑动命令 这两个脚本都是单独工作的 但我无法让它们一起工作 这是定时向上 向下滑动脚本 document
  • jquery.find() 可以只选择直接子项吗?

    我应该向 jQuery find 提供什么参数来选择元素子元素而不选择其他元素 我不能用 gt 引导选择器 而用 将选择所有后代 而不仅仅是直接子代 我知道 jQuery children 但这是一个库 因此用户能够提供自己的选择器 并且我
  • 物化模式覆盖整个页面(模式弹出窗口未带到前台)

    由于保密原因 我无法上传 Web UI 的屏幕截图 物化模态应该表现得像here http materializecss com modals html 但不幸的是 我的网站发生的情况是 包括模式在内的整个页面都是 深色背景 的一部分 模式
  • 如何监听 jQuery AJAX 请求?

    以下两种实现 ajaxRequest 1 2 的方法应该是等效的 话说回来 为什么验证回调已执行的单元测试 3 在 1 中成功而在 2 中失败 我应该如何重写测试 3 来监视 2 中的成功回调 如果我尝试stub jQuery ajax使用
  • jQuery 可以在用户输入数字时添加逗号吗?

    当用户输入数字时 如何动态添加逗号 有没有一个好的数字格式化程序可以提供帮助 我必须稍后添加这些数字 所以我最终必须删除一行中的逗号 但屏幕需要显示逗号以提高可读性 运行代码片段以查看其工作情况 input number keyup fun
  • 文件上传控件 OnChange 事件 JQuery

    我正在尝试使用 AJAX JQUERY 和 Net HTTPHandler 构建页面来上传文件 如下所示http dotnet dzone com news async file upload jquery and http dotnet
  • jquery.validate 中是否有一个函数可以像重置表单一样重置单个字段?

    我想调用 jquery 函数来手动删除单个字段中的错误并重置错误标记 是否有一个函数可以执行此操作 类似于 resetForm 函数 您可以执行以下操作来验证单个字段 your field valid 也许它会对某人有所帮助 Thanks
  • 如何使用 JQuery 动态排序

    如果我有一个下拉列表和一个列表框 有没有办法使用 JQuery 根据下拉列表对列表框进行排序 举个例子会很有帮助 这会改变下拉菜单中的顺序 您必须根据自己的标准设置顺序
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a
  • fullCalendar 未显示正确的结束日期

    我正在看调试页面 http jsbin com wukofacaxu edit js outputFullCalendar 官方网站的 我想安排一个活动时间为 22 09 2015 至 30 09 2015 dd mm yyyy 但它只显示
  • 如何从图像输入中获取 xy 坐标?

    我有一个输入设置为图像类型

随机推荐

  • sql 列名无效

    在SQLServer2008中 当设计 修改 表结构之后 再用SQL语句时 列名会显示无效 但执行可以通过 如下图 原因是SQL Server的intellisense 智能感知功能 需要重新整理一下 用快捷键Ctrl Shift R即可
  • YOLO:使用cv旋转图片,绘制最小矩形框,生成txt数据集,可用于yolo训练模型

    目录 一 前期的目录准备 二 代码部分需要用到的cv函数 三 cv部分函数参数详情 四 旋转方式 五 代码部分 六 代码完整版 一 前期的目录准备 创建一个名为rice的目录 在此下创建arborio basmati等五类米的子目录 并且分
  • (Android版)AR 现实增强 高通 Vuforia QCAR SDK环境搭建

    1 下载高通SDK 高通刚刚才更新开发中心地址 版本更新为V2 0 https developer vuforia com resources sdk android 下载对应系统的安装程序 下载完成后 你就下一步下一步安装吧 2 编译QC
  • Zotero使用

    zotero使用 实验平台 Zotero安装 导入文献到Zotero 设置PDF文件保存位置 Zotfile插件安装 Zotero文献同步 在Zotero中导入PDF翻译插件 参考文献 实验平台 Windows10 Mac平台有些设置的名字
  • Azkaban的囚徒——Azkaban运行模式和流

    文章目录 Azkaban运行模式 Azkaban运行 Azkaban 流 Job Dependency Azkaban运行模式 在3 x版本里 提供了3种运行模式 the stand alone solo server mode stand
  • 服务器安装系统要如何载入驱动程序,Dell 服务器安装Windows 2008 R2时手动加载阵列卡驱动...

    使用操作系统光盘或U盘安装操作系统 需要事先准备好对应的阵列卡驱动 安全完成后需要自行手动加载主板 显卡 网卡驱动 1 开机之后通过界面提示通过键盘按下 F11 进入 Boot Manager 选择启动选项 2 在 Boot Manager
  • Oracle 数据库索引扫描方式

    1 索引范围扫描 Index Range Scan 当我们在查询操作中使用了 WHERE 子句进行范围查询时 Oracle 数据库会使用索引范围扫描方式 这种扫描方式通过索引键值的范围来定位需要的数据 例如 我们有一个名为 orders 的
  • 2012.11.20

    昨晚到23 50 实在是困了 于是睡了 发现 杆9其实是个虚拟杆 也就是说 相当于一个辅助线 不INITGEOMETRY 不绘制 只计算 现在设定P1的点 根据余弦定理求出 三角形P1P2P3中 P2对应的角度 a 2 b 2 c 2 2b
  • 为学生夫妻安排一间宿舍两张床,武大的回应亮了

    来源 中国青年报综合自武汉大学官微 身高太高 睡不下宿舍的床咋办 行动有障碍 不方便睡上下铺咋办 第一次来到南方 湿度太大怎么晾衣服 学生夫妻可以申请合宿吗 这两天 武大 宿舍定制服务 在网上刷屏 引发关注 1 学校为 持证上岗 的夫妻档准
  • python3+robotframework+selenium3 浏览器兼容性测试

    robot framework 测试浏览器兼容性 目前ride已支持一下浏览器 firefox ie chrome safari 本次我们已win 10中的ie为例 来看看如何使用python3 robotframework seleniu
  • 一次SpringBoot版本升级,引发的血案

    前言 最近项目组升级了SpringBoot版本 由之前的2 0 4升级到最新版本2 7 5 却引出了一个大Bug 到底是怎么回事呢 1 案发现场 有一天 项目组的同事反馈给我说 我之前有个接口在新的测试环境报错了 具体异常是 Missing
  • Git基本操作命令

    目录 一 简介 二 基本命令使用 1 git add 将该文件添加到暂存区 2 git status 命令用于查看在上次提交之后是否有对文件进行再次修改 3 git diff 比较文件在暂存区和工作区的差异 4 git commit 将暂存
  • [NOIP2014]珠心算测验 T1

    珠心算是一种通过在脑中模拟算盘变化来完成快速运算的一种计算技术 珠心算训练 既能够开发智力 又能够为日常生活带来很多便利 因而在很多学校得到普及 某学校的珠心算老师采用一种快速考察珠心算加法能力的测验方法 他随机生成一个正整数集合 集合中的
  • go Hijack

    golang GO语言 http详解简单基础 1 因为好像长时间的写PHP可能大家感觉烦躁了 所以写一点golang的东西大家可以拿去玩玩 golang在web开发中让你得心应手 其实也是很好的东西 只要你玩进去之后感觉好爽 感觉比PHP的
  • 网络安全笔记5——数字签名

    网络安全笔记5 数字签名 参考课程 中国大学MOOC 网络安全 北京航空航天大学 文章目录 网络安全笔记5 数字签名 基本概念 分类 数学表示 RSA数字签名机制 ElGamal数字签名机制 Schnorr数字签名机制 DSS数字签名机制
  • 未能找到任何适合于指定的区域性或非特定区域性的资源

    试了所有的方法都不行 最后把resx文件删了 重新添加图片图标 ok
  • UVa 133 The Dole Queue(圈的下标处理)

    本题难点在于用数组处理圈状物时下标的计算 include
  • C++下几种新的数据类型

    一 CString 用法 CString s 123 对应库 include
  • 如何查看是否安装了java环境?

    一 win R 输入cmd 二 回车后进入cmd界面 三 在cmd窗口中输入java 若提示 java 不是内部或外部命令 也不是可运行的程序或批处理文件 则表示未安装JRE 这个错误提示表明系统无法找到 java 程序 可能是由于 Jav
  • Datatables

    1 10 x与1 9 x参数名对照表 Datatables 1 10 x在命名上与1 9 x的有区别 新版的使用的是驼峰的命名规则 而之前的是采用匈牙利命名规则 当然 这些变化都是向下兼容的 你可以继续使用旧版本的api方法的参数和名称 如