IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> dataTable的中文文档 -> 正文阅读

[JavaScript知识库]dataTable的中文文档

?DataTables | Table plug-in for jQueryicon-default.png?t=M276https://datatables.net/

用google 打开,直接翻译。?

参考

选项

DataTables 及其扩展是极其可配置的库,它们对 HTML 表所做的增强的几乎每个方面都可以自定义。可以启用、禁用或自定义功能以满足您对表实现的确切需求。这些选项的自定义是通过在构造函数中定义选项来执行的$().DataTable()——例如,在下面的代码中,scrollYpaging选项用于启用滚动和禁用分页:

1
2
3
4
$( '#myTable' ).DataTable( {
???? scrollY: 300,
???? paging:? false
} );

有很多选项可以自定义您的表格,这些都在下面完整记录。有关如何使用 DataTables 的初始化选项的一般信息,请参阅选项手册

姓名概括
数据表 - 功能

autoWidth

功能控制 DataTables 的智能列宽处理

deferRender

功能控制延迟渲染以提高初始化速度。

info

特征控制表信息显示栏

lengthChange

功能控制最终用户更改表格分页显示长度的能力。

ordering

数据表中的特征控制排序(排序)能力。

paging

启用或禁用表格分页。

processing

特征控制处理指标。

scrollX

水平滚动

scrollY

垂直滚动

searching

特征控制搜索(过滤)能力

serverSide

特征控制 DataTables 的服务器端处理模式。

stateSave

状态保存 - 在页面重新加载时恢复表状态

数据表 - 数据

ajax

从 Ajax 源加载表格内容的数据

ajax.data

根据 Ajax 请求添加或修改提交给服务器的数据

ajax.dataSrc

表数据的数据属性或操作方法

data

用作表格显示数据的数据。

数据表 - 回调

createdRow

每当为表的主体创建 TR 元素时的回调。

drawCallback

每次 DataTables 执行绘制时调用的函数。

footerCallback

页脚显示回调函数。

formatNumber

数字格式化回调函数。

headerCallback

标头显示回调函数。

infoCallback

表格汇总信息显示回调。

initComplete

初始化完成回调。

preDrawCallback

预画回调。

rowCallback

行绘制回调。

stateLoadCallback

定义应在何处以及如何加载已保存状态的回调。

stateLoadParams

状态加载 - 数据操作回调

stateLoaded

状态加载回调。

stateSaveCallback

定义表状态的存储方式和位置的回调。

stateSaveParams

状态保存 - 数据操作回调

数据表 - 选项

deferLoading

延迟加载服务器端数据,直到第二次绘制

destroy

销毁与选择器匹配的任何现有表并替换为新选项。

displayStart

初始分页起点

dom

定义要在页面上显示的表格控件元素以及显示顺序

lengthMenu

更改页面长度select列表中的选项。

order

应用于表格的初始顺序(排序)

orderCellsTop

控制订单事件处理程序将应用于列中的哪个单元格

orderClasses

突出显示在表格正文中排序的列

orderFixed

排序始终应用于表

orderMulti

多列排序能力控制。

pageLength

更改初始页面长度(每页的行数)

pagingType

分页按钮显示选项

renderer

显示组件渲染器类型

retrieve

检索现有的 DataTables 实例

rowId

DataTables 将用于设置tr元素 DOM ID的数据属性名称

scrollCollapse

当显示的行数有限时,允许表格降低高度。

search

在 DataTables 和/或过滤选项中设置初始过滤器。

search.caseInsensitive

控制区分大小写的过滤选项。

search.regex

启用/禁用搜索词中正则表达式字符的转义。

search.return

返回时启用/禁用 DataTables 的搜索

search.search

在表上设置一个初始过滤条件。

search.smart

启用/禁用 DataTables 的智能过滤

searchCols

定义单个列的初始搜索。

searchDelay

设置搜索的油门频率

stateDuration

保存状态有效期

stripeClasses

为表中的行设置斑马条纹类名称。

tabIndex

用于键盘导航的选项卡索引控件

数据表 - 列

columnDefs

设置列定义初始化属性。

columnDefs.targets

将列定义分配给一个或多个列。

columns

设置列特定的初始化属性。

columns.ariaTitle

设置列的aria-label属性值

columns.cellType

为列创建的单元格类型

columns.className

分配给列中每个单元格的类

columns.contentPadding

为计算表格的最佳宽度时使用的文本内容添加填充。

columns.createdCell

单元创建回调以允许 DOM 操作

columns.data

从行数据对象/数组中设置列的数据源

columns.defaultContent

为列设置默认、静态、内容

columns.name

为列设置描述性名称

columns.orderData

将多列排序定义为列的默认顺序

columns.orderDataType

实时 DOM 排序类型分配

columns.orderSequence

订单方向申请顺序

columns.orderable

启用或禁用此列的排序

columns.render

渲染(处理)数据以在表中使用

columns.searchable

启用或禁用对此列中数据的搜索

columns.title

设置列标题

columns.type

设置列类型——用于过滤和排序字符串处理

columns.visible

启用或禁用此列的显示

columns.width

列宽分配

数据表 - 国际化

language

数据表的语言配置选项

language.aria

用于 WAI-ARIA 特定属性的语言字符串

language.aria.paginate

分页按钮的 WAI-ARIA 标签

language.aria.paginate.first

第一个分页按钮的 WAI-ARIA 标签

language.aria.paginate.last

最后一个分页按钮的 WAI-ARIA 标签

language.aria.paginate.next

下一个分页按钮的 WAI-ARIA 标签

language.aria.paginate.previous

上一个分页按钮的 WAI-ARIA 标签

language.aria.sortAscending

用于 WAI-ARIA 特定属性的语言字符串

language.aria.sortDescending

用于 WAI-ARIA 特定属性的语言字符串

language.decimal

小数位字符

language.emptyTable

表没有记录字符串

language.info

表格汇总信息显示字符串

language.infoEmpty

表无记录时使用的表摘要信息字符串

language.infoFiltered

过滤表时将字符串附加到摘要信息中

language.infoPostFix

附加到所有其他摘要信息字符串的字符串

language.lengthMenu

页面长度选项字符串

language.loadingRecords

加载信息显示字符串——Ajax加载数据时显示

language.paginate

分页特定语言字符串

language.paginate.first

分页“第一个”按钮字符串

language.paginate.last

分页“最后一个”按钮字符串

language.paginate.next

分页“下一步”按钮字符串

language.paginate.previous

分页“上一个”按钮字符串

language.processing

处理指示符字符串

language.search

搜索输入字符串

language.searchPlaceholder

搜索输入元素占位符属性

language.thousands

千位分隔符

language.url

从远程文件加载语言信息

language.zeroRecords

由于过滤字符串,表为空

数据表 - 静态

$.fn.dataTable.ext.errMode

设置 DataTables 如何报告检测到的错误

自动填充

autoFill

为 DataTables 启用和配置 AutoFill 扩展

autoFill.alwaysAsk

始终询问最终用户是否应该采取行动

autoFill.columns

选择可以自动填充的列

autoFill.editor

附加一个编辑器实例以更新数据库

autoFill.enable

自动填充的初始启用状态

autoFill.focus

将导致自动填充拖动手柄出现在单元格中的操作

autoFill.horizontal

启用/禁用用户水平拖动和填充的能力

autoFill.update

填充拖动完成时控制数据的自动更新

autoFill.vertical

启用/禁用用户垂直拖动和填充的能力

language.autoFill

自动填充使用的语言字符串的容器对象

language.autoFill.button

多重填充选择器按钮文本

language.autoFill.cancel

多重填充选择器取消选项消息

language.autoFill.fill

全填充填充类型的多重填充选择器消息

language.autoFill.fillHorizontal

水平填充填充类型的多重填充选择器消息

language.autoFill.fillVertical

垂直填充填充类型的多重填充选择器消息

language.autoFill.increment

增量填充类型的多重填充选择器消息

language.autoFill.info

填充类型选择器顶部显示的信息消息

纽扣

buttons

按钮配置对象

buttons.buttons

要创建的按钮列表

buttons.buttons.action

当按钮被激活时采取的行动

buttons.buttons.attr

为按钮设置的属性键/值的集合

buttons.buttons.available

确保在初始化按钮之前满足任何要求

buttons.buttons.className

设置按钮的类名

buttons.buttons.destroy

销毁按钮时调用的函数

buttons.buttons.enabled

设置按钮的初始启用状态

buttons.buttons.extend

定义按钮应该基于哪个按钮类型

buttons.buttons.init

可用于添加特定于该按钮的事件的初始化函数

buttons.buttons.key

定义按钮的激活密钥

buttons.buttons.name

为每个选择设置一个名称

buttons.buttons.namespace

每个按钮的唯一命名空间

buttons.buttons.split

拆分下拉按钮

buttons.buttons.tag

设置按钮的标签

buttons.buttons.text

要在按钮中显示的文本

buttons.buttons.titleAttr

按钮title属性文本

buttons.dom

控制按钮创建的 DOM 结构的选项

buttons.dom.button

单个按钮元素的 DOM 配置

buttons.dom.buttonContainer

按钮容器元素的 DOM 配置

buttons.dom.buttonLiner

按钮衬垫元素的 DOM 配置

buttons.dom.collection

集合展示的DOM配置

buttons.dom.container

Buttons 容器元素的 DOM 配置

buttons.name

为组选择器的实例设置名称

颜色重新排序

colReorder

为 DataTables 启用和配置 ColReorder 扩展

colReorder.enable

ColReorder 的初始启用状态

colReorder.fixedColumnsLeft

禁止x列重新排序(从左数)

colReorder.fixedColumnsRight

禁止x列重新排序(从右数)

colReorder.order

为表中的列设置默认顺序

colReorder.realtime

在拖动期间启用/禁用列的实时重新排序

固定列

fixedColumns

为 DataTables 启用和配置 FixedColumns 扩展

fixedColumns.left

固定在表格左侧的列数

fixedColumns.leftColumns

固定在表格左侧的列数

fixedColumns.right

固定在表格右侧的列数

fixedColumns.rightColumns

固定在表格右侧的列数

language.fixedColumns.button

设置 FixedColumns 按钮文本

固定头

fixedHeader

FixedHeader 配置对象

fixedHeader.footer

启用/禁用固定页脚

fixedHeader.footerOffset

偏移表格的固定页脚

fixedHeader.header

启用/禁用固定标头

fixedHeader.headerOffset

偏移表的固定表头

键表

keys

为 DataTables 启用和配置 KeyTable 扩展

keys.blurable

允许 KeyTable 的焦点从表中模糊(移除)

keys.className

设置用于焦点单元格的类名

keys.clipboard

启用/禁用与 KeyTable 的剪贴板交互

keys.clipboardOrthogonal

设置正交数据复制到剪贴板

keys.columns

选择可以获得焦点的列

keys.editOnFocus

控制是否应在聚焦后立即激活编辑

keys.editor

为 Excel 附加一个 Editor 实例,例如编辑

keys.focus

在表格中接收初始焦点的单元格

keys.keys

限制 KeyTable 将侦听并对其执行操作的键

keys.tabIndex

设置表格的标签索引以了解何时获得焦点

响应式

columns.responsivePriority

设置列的可见性优先级

responsive

为 DataTables 启用和配置响应式扩展

responsive.breakpoints

为响应式实例设置断点

responsive.details

为折叠表启用和配置响应式显示的子行

responsive.details.display

定义隐藏信息应如何显示给最终用户

responsive.details.renderer

定义用于显示子行的渲染器

responsive.details.target

使用column详细信息类型时子行显示控件的列/选择器

responsive.details.type

设置子行显示控件类型

responsive.orthogonal

设置隐藏信息显示的正交数据请求类型

行组

rowGroup

为 DataTables 启用和配置 RowGroup 扩展

rowGroup.className

设置用于分组行的类名

rowGroup.dataSrc

设置要用作分组数据源的数据点

rowGroup.emptyDataGroup

为具有或空字符串组数据的行显示的null文本undefined

rowGroup.enable

提供在初始化时禁用行分组的能力

rowGroup.endClassName

设置用于分组结束行的类名

rowGroup.endRender

提供一个函数,可以用来控制最后分组行中显示的数据。

rowGroup.startClassName

设置用于分组起始行的类名

rowGroup.startRender

提供一个函数,可以用来控制开始分组行中显示的数据。

行重新排序

rowReorder

为 DataTables 启用和配置 RowReorder 扩展

rowReorder.dataSrc

配置将用于重新排序数据的数据点

rowReorder.editor

附加一个编辑器实例以更新数据库

rowReorder.enable

启用/禁用 RowReorder 的用户交互

rowReorder.formOptions

提交数据时设置编辑器表单的选项

rowReorder.selector

定义用于选择将开始拖动的元素的选择器

rowReorder.snapX

被拖动行的水平位置控制

rowReorder.update

删除行时控制数据的自动

滚动条

scroller

为 DataTables 启用和配置 Scroller 扩展

scroller.boundaryScale

设置将加载和绘制新数据的点

scroller.displayBuffer

Scroller 应预缓冲以确保平滑滚动的数据量

scroller.loadingIndicator

在 Scroller 加载附加数据时显示加载消息

scroller.rowHeight

设置行高,或如何计算行高

scroller.serverWait

启用服务器端处理时请求新数据之前的时间延迟

搜索生成器

button.searchBuilder

通过按钮使用 SearchBuilder 时启用的按钮

columns.searchBuilder.orthogonal

设置渲染函数的正交数据值

columns.searchBuilderTitle

在 SearchBuilder 中为列设置自定义标题

columns.searchBuilderType

设置 SearchBuilder 类型以用于列

language.searchBuilder.add

设置要在 SearchBuilder 添加按钮中显示的消息

language.searchBuilder.button

设置 SearchBuilder 按钮文本

language.searchBuilder.clearAll

SearchBuilder 中显示的文本 清除所有按钮

language.searchBuilder.condition

为 SearchBuilder 条件选择元素设置占位符文本

language.searchBuilder.conditions

为 SearchBuilder 条件定义自定义条件名称

language.searchBuilder.conditions.array

为使用数组的列设置条件名称

language.searchBuilder.conditions.date

设置日期列类型的条件名称

language.searchBuilder.conditions.number

设置数字列类型的条件名称

language.searchBuilder.conditions.string

设置字符串列类型的条件名称

language.searchBuilder.conditions[type]

包含特定类型的条件名称的对象

language.searchBuilder.data

为 SearchBuilder 数据选择元素设置占位符文本

language.searchBuilder.delete

设置 SearchBuilder 删除条件按钮的 html

language.searchBuilder.deleteTitle

设置titleSearchBuilder 删除条件按钮的属性

language.searchBuilder.left

设置 SearchBuilder 左键的文本

language.searchBuilder.leftTitle

设置SearchBuilder左键的title属性

language.searchBuilder.logicAnd

当 AND 逻辑到位时显示的消息

language.searchBuilder.logicOr

当 OR 逻辑到位时显示的消息

language.searchBuilder.right

设置 SearchBuilder 右键的文本

language.searchBuilder.rightTitle

设置SearchBuilder右键的title属性

language.searchBuilder.title

设置 SearchBuilder 标题文本

language.searchBuilder.value

为 SearchBuilder 值选择元素设置占位符文本

language.searchBuilder.valueJoiner

在需要两个的值输入元素之间设置文本

searchBuilder

为 DataTables 启用和配置 SearchBuilder 扩展

searchBuilder.columns

限制可以过滤的列

searchBuilder.conditions

为 SearchBuilder 定义自定义条件

searchBuilder.conditions[type]

包含 SearchBuilder 附加条件的类型对象的对象结构

searchBuilder.conditions[type][cond]

SearchBuilder 附加条件的对象结构

searchBuilder.conditions[type][cond].conditionName

条件选择元素中显示的值

searchBuilder.conditions[type][cond].init

返回要用作值元素的 JQuery 元素的函数

searchBuilder.conditions[type][cond].inputValue

获取要在比较中使用的值的函数

searchBuilder.conditions[type][cond].isInputValid

判断条件是否为 isInputValid 的函数

searchBuilder.conditions[type][cond].search

定义条件的比较函数

searchBuilder.depthLimit

限制组的深度

searchBuilder.enterSearch

在输入键而不是每次按键时触发搜索

searchBuilder.filterChanged

进行选择时更新标题文本的功能。

searchBuilder.greyscale

从 SearchBuilder 中删除颜色

searchBuilder.logic

设置默认逻辑运算符

searchBuilder.preDefined

设置预定义的搜索查询

searchBuilder.preDefined.criteria

声明数组中的条件和子组

searchBuilder.preDefined.criteria.condition

定义要选择的条件

searchBuilder.preDefined.criteria.data

定义要选择的数据点

searchBuilder.preDefined.criteria.origData

用于过滤的原始数据点,不一定是列标题。

searchBuilder.preDefined.criteria.type

列的数据类型

searchBuilder.preDefined.criteria.value

定义要选择的值

searchBuilder.preDefined.logic

为预定义组设置逻辑运算符

搜索窗格

button.searchPanes

通过按钮启用 SearchPanes

columns.searchPanes

单个列选项的容器

columns.searchPanes.className

将自定义类名称添加到窗格

columns.searchPanes.collapse

允许为特定列折叠 SearchPane

columns.searchPanes.combiner

设置要在窗格上实现的逻辑类型

columns.searchPanes.controls

在特定列的窗格中隐藏控制按钮并禁用搜索

columns.searchPanes.dtOpts

定义用于单个窗格的 DataTables 的属性

columns.searchPanes.emptyMessage

为特定窗格设置自定义空消息

columns.searchPanes.header

设置 SearchPane 的标题

columns.searchPanes.hideCount

已弃用。在特定列的窗格中隐藏计数列

columns.searchPanes.initCollapsed

在初始化时折叠特定的 SearchPanes

columns.searchPanes.name

设置 SearchPane 的名称

columns.searchPanes.options

定义自定义搜索选项

columns.searchPanes.orderable

在特定列的窗格中隐藏排序按钮

columns.searchPanes.orthogonal

设置渲染函数的正交数据值

columns.searchPanes.preSelect

已弃用。窗格中的预选选项

columns.searchPanes.show

强制窗格隐藏或显示

columns.searchPanes.threshold

设置特定列中显示该窗格所需的唯一值的最小数量

columns.searchPanes.viewCount

在特定列的窗格中隐藏计数列

language.searchPanes

语言选项的容器

searchPanes

启用搜索窗格

searchPanes.cascadePanes

允许窗格在选择下级联

searchPanes.clear

禁用按钮以允许快速清除窗格中的选择

searchPanes.collapse

允许折叠搜索窗格

searchPanes.columns

选择显示窗格时应考虑哪些列

searchPanes.controls

隐藏控制按钮并禁用所有窗格中的搜索

searchPanes.dtOpts

定义用作窗格的 DataTables 的属性

searchPanes.emptyMessage

已弃用。设置自定义空消息

searchPanes.filterChanged

进行选择时更新标题文本的功能。

searchPanes.hideCount

已弃用。隐藏所有窗格中的计数列

searchPanes.i18n

语言选项的容器

searchPanes.i18n.clearMessage

设置要在清除按钮中显示的消息

searchPanes.i18n.collapse

设置要在 SearchPanes 按钮中显示的消息

searchPanes.i18n.collapseMessage

设置要在折叠按钮中显示的消息

searchPanes.i18n.count

设置不搜索时在计数栏中显示的消息

searchPanes.i18n.countFiltered

设置搜索时在计数栏中显示的消息

searchPanes.i18n.emptyMessage

向显示为窗格选项的空消息添加国际化

searchPanes.i18n.emptyPanes

向未显示窗格时显示的消息添加国际化

searchPanes.i18n.loadMessage

向加载窗格时显示的消息添加国际化

searchPanes.i18n.showMessage

设置要在 Show 按钮中显示的消息

searchPanes.i18n.title

将国际化添加到标题以显示选择了多少个窗格

searchPanes.initCollapsed

在初始化时折叠 SearchPanes

searchPanes.layout

设置窗格在页面上显示方式的布局

searchPanes.order

设置窗格的顺序

searchPanes.orderable

隐藏所有窗格中的排序按钮

searchPanes.panes

定义自定义窗格以过滤所有列

searchPanes.panes.className

为自定义窗格添加自定义类

searchPanes.panes.dtOpts

为自定义窗格定义 DataTables 选项

searchPanes.panes.header

定义自定义窗格的标题

searchPanes.panes.options

定义自定义窗格的选项

searchPanes.panes.options.className

将类添加到自定义窗格的特定选项

searchPanes.panes.options.label

为自定义窗格的选项定义标签

searchPanes.panes.options.value

定义自定义窗格选项的值

searchPanes.panes.preSelect

已弃用。为自定义窗格定义任何预选

searchPanes.preSelect

窗格中的预选选项

searchPanes.threshold

设置列中显示其窗格所需的唯一值与总值的最小比率

searchPanes.viewCount

在所有窗格中显示计数列

searchPanes.viewTotal

搜索时更新计数列以显示可见计数

选择

language.select

Select 使用的语言字符串的容器对象

language.select.cells

所选单元格数量的表格信息摘要字符串

language.select.columns

所选列数的表信息摘要字符串

language.select.rows

所选行数的表信息摘要字符串

select

选择配置对象

select.blurable

指示在表格外部单击时是否将删除所选项目

select.className

设置将应用于所选项目的类名称

select.info

启用/禁用表格摘要中项目选择信息的显示。

select.items

设置要选择的表格项目(行、列或单元格)

select.selector

设置用于鼠标事件捕获的元素选择器来选择项目

select.style

设置最终用户与表格交互的选择样式

select.toggleable

单击时禁用对选定行的取消选择

状态恢复

language.buttons.createState

在 StateRestore 创建按钮中设置文本

language.buttons.removeAllStates

在 StateRestore 中设置文本删除所有按钮

language.buttons.removeState

在 StateRestore 删除按钮中设置文本

language.buttons.renameState

在 StateRestore 重命名按钮中设置文本

language.buttons.savedStates

在 StateRestoresavedStates按钮中设置文本

language.buttons.stateRestore

在 StateRestorestateRestore拆分下拉按钮中设置文本

language.buttons.updateState

在 StateRestore 更新按钮中设置文本

language.stateRestore

语言选项的容器

language.stateRestore.creationModal

为创建模式中显示的元素设置文本

language.stateRestore.creationModal.button

在 StateRestore 创建模式按钮内设置文本

language.stateRestore.creationModal.columns.search

在创建模式中设置列搜索复选框的标签文本

language.stateRestore.creationModal.columns.visible

在创建模式中为列可见性复选框的标签设置文本

language.stateRestore.creationModal.name

在创建模式中设置名称输入标签的文本

language.stateRestore.creationModal.order

在创建模式中设置订单复选框标签的文本

language.stateRestore.creationModal.paging

在创建模式中设置分页复选框标签的文本

language.stateRestore.creationModal.scroller

scroller在创建模式中设置复选框标签的文本

language.stateRestore.creationModal.search

在创建模式中设置搜索复选框标签的文本

language.stateRestore.creationModal.searchBuilder

searchBuilder在创建模式中设置复选框标签的文本

language.stateRestore.creationModal.searchPanes

searchPanes在创建模式中设置复选框标签的文本

language.stateRestore.creationModal.select

select在创建模式中设置复选框标签的文本

language.stateRestore.creationModal.title

设置创建模式标题的文本

language.stateRestore.creationModal.toggleLabel

设置切换复选框旁边显示的标签文本

language.stateRestore.duplicateError

设置尝试将状态重命名为已存在的状态时显示的错误消息

language.stateRestore.emptyError

设置错误地将状态重命名为空字符串时显示的错误消息

language.stateRestore.emptyStates

设置没有保存状态时在 savedStates 集合中显示的文本

language.stateRestore.removeConfirm

设置 StateRestore 删除模式中显示的确认消息

language.stateRestore.removeError

设置错误删除状态时显示的错误消息

language.stateRestore.removeJoiner

在 StateRestore 移除模式中设置状态之间使用的连接器

language.stateRestore.removeSubmit

在 StateRestore 删除按钮中设置文本

language.stateRestore.removeTitle

设置在 StateRestore remove modal 中显示的标题

language.stateRestore.renameButton

在 StateRestore 删除按钮中设置文本

language.stateRestore.renameLabel

在 StateRestore 重命名模式中设置输入元素旁边的标签

language.stateRestore.renameTitle

设置 StateRestore 重命名模式中显示的标题

stateRestore.ajax

通过 ajax 设置状态的加载和保存

stateRestore.create

启用/禁用新状态的创建

stateRestore.creationModal

在创建时显示允许自定义状态的模式

stateRestore.preDefined

在 DataTables 初始化中设置预定义状态

stateRestore.remove

启用/禁用状态删除

stateRestore.rename

启用/禁用状态重命名

stateRestore.save

启用/禁用状态保存

stateRestore.saveState

启用/禁用各种数据表元素的保存

stateRestore.splitSecondaries

设置将在 StateRestore 拆分下拉列表中显示的拆分按钮

stateRestore.toggle

保存新状态时启用/禁用各种数据表元素的保存

API

DataTables 具有广泛的 API,可用于访问表中包含的数据,并在表初始化完成后以其他方式操作表。DataTables API 旨在反映表中数据的结构以及您通常如何通过 API 与表进行交互。它还可以通过提供附加功能和操作的扩展插件进行扩展。

API可以通过以下方式访问:

  • $( selector ).DataTable();
  • $( selector ).dataTable().api();
  • new $.fn.dataTable.Api( selector );

每个结果都是 DataTables API 对象的一个??实例,其中包含选择器在其上下文中找到的表。$( selector ).DataTable()重要的是要注意和之间的区别$( selector ).dataTable()。前者返回一个 DataTables API 实例,而后者返回一个 jQuery 对象。

有关 DataTables API 如何操作的一般信息,包括其链接、如何使用多个表以及本参考中使用的术语定义,请参阅API 手册

姓名概括
数据表 - 核心

$()

对整个表执行 jQuery 选择操作。

ajax

Ajax 方法的命名空间

ajax.json()

获取从最后一次 Ajax 请求 DataTables 中获取的最新 JSON 数据

ajax.params()

获取上次Ajax请求中DataTables提交给服务器的数据

ajax.reload()

从 Ajax 数据源重新加载表数据

ajax.url()

获取/设置 DataTables 用于 Ajax 获取数据的 URL

ajax.url().load()

从新设置的数据源 URL 加载数据

clear()

清除所有数据表。

data()

获取整个表的数据。

destroy()

销毁当前上下文中的数据表。

draw()

重新绘制表格。

i18n()

国际化令牌查找。

init()

获取用于表的初始化选项。

off()

表事件删除。

on()

表事件监听器。

one()

侦听一次表事件,然后删除侦听器。

order()

获取/设置应用于表的排序。

order.fixed()

获取/设置应用于表格的固定顺序。

order.listener()

为给定的列向元素添加排序侦听器。

page()

获取/设置表的当前页。

page.info()

获取有关表的分页信息

page.len()

获取/设置表格的页长。

search()

在表中搜索数据。

settings()

获取表的设置对象

state()

获取表格最后保存的状态

state.clear()

清除表的保存状态。

state.loaded()

获取初始化期间加载的表状态。

state.save()

触发状态保存。

数据表 - 单元格

cell()

从表格中选择一个单元格。

cell().cache()

获取选定单元格的 DataTables 缓存数据

cell().data()

获取/设置选定单元格的数据

cell().index()

获取有关选定单元格的索引信息

cell().invalidate()

使选定单元格的 DataTables 中保存的数据无效

cell().node()

获取选定单元格的 DOM 元素

cell().render()

获取单元格的渲染数据

cells()

从表格中选择多个单元格。

cells().cache()

获取选定单元格的 DataTables 缓存数据

cells().data()

获取选定单元格的数据

cells().every()

迭代每个选定的单元格,并将函数上下文设置为有问题的单元格。

cells().indexes()

获取有关选定单元格的索引信息

cells().invalidate()

使选定单元格的 DataTables 中保存的数据无效

cells().nodes()

获取选定单元格的 DOM 元素

cells().render()

获取单元格集合的渲染数据

数据表 - 列

column()

从表中选择单个列。

column().cache()

获取所选列的 DataTables 缓存数据。

column().data()

获取所选列中单元格的数据。

column().dataSrc()

获取所选列的数据源属性。

column().footer()

获取所选列的页脚节点。

column().header()

获取所选列的标题节点。

column().index()

获取所选列的列索引。

column().nodes()

获取所选列的单元格节点。

column().order()

按所选列对表格进行排序。

column().search()

在所选列中搜索数据。

column().visible()

获取/设置单个选定列的可见性。

column.index()

在列索引格式之间转换

columns()

从表中选择多个列。

columns().cache()

获取所选列的 DataTables 缓存数据。

columns().data()

获取所选列中单元格的数据。

columns().dataSrc()

获取选定列的数据源属性。

columns().every()

迭代每个选定的列,并将函数上下文设置为有问题的列。

columns().footer()

获取所选列的页脚节点。

columns().header()

获取选定列的标题节点。

columns().indexes()

获取选定列的列索引。

columns().nodes()

获取选定列的单元格节点。

columns().order()

按选定的列对表格进行排序。

columns().search()

在选定列中搜索数据。

columns().visible()

获取/设置选定列的可见性。

columns.adjust()

重新计算列宽

数据表 - 行

row()

从表中选择一行。

row().cache()

获取所选行的 DataTables 缓存数据。

row().child

行子方法命名空间

row().child()

获取/设置选定主表行的子行

row().child().hide()

创建新子行后隐藏子行

row().child().remove()

销毁选定父行的子行

row().child().show()

使新定义的子行可见

row().child.hide()

隐藏父行的子行

row().child.isShown()

检查父行的子行是否可见

row().child.remove()

销毁选定父行的子行

row().child.show()

使父行的子行可见

row().data()

获取/设置所选行的数据。

row().id()

获取所选行的 id。

row().index()

获取所选行的行索引。

row().invalidate()

使所选行的 DataTables 中保存的数据无效

row().node()

获取TR所选行的行节点。

row().remove()

从 DataTable 中删除选定的行。

row.add()

向表中添加新行。

rows()

从表中选择多行。

rows().cache()

获取所选行的 DataTables 缓存数据。

rows().data()

获取所选行的数据。

rows().every()

迭代每个选定的行,并将函数上下文设置为有问题的行。

rows().ids()

获取所选行的 ID。

rows().indexes()

获取所选行的行索引。

rows().invalidate()

使选定行的 DataTables 中保存的数据无效

rows().nodes()

获取TR所选行的行节点。

rows().remove()

从 DataTable 中删除选定的行。

rows.add()

向表中添加多个新行。

数据表 - 表

table()

根据 API 上下文中的选择器选择表

table().body()

tbody在 API 的上下文中获取表的节点

table().container()

在 API 的上下文中获取div表的容器节点

table().footer()

tfoot在 API 的上下文中获取表的节点

table().header()

thead在 API 的上下文中获取表的节点

table().node()

table在 API 的上下文中获取表的节点

tables()

根据 API 上下文中的选择器选择表

tables().body()

获取tbodyAPI 上下文中表的节点

tables().containers()

获取divAPI 上下文中表的容器节点

tables().footer()

获取tfootAPI 上下文中表的节点

tables().header()

获取theadAPI 上下文中表的节点

tables().nodes()

获取tableAPI 上下文中表的节点

数据表 - 实用程序

any()

确定结果集中是否有任何条目

concat()

组合多个 API 实例以创建一个新实例。

count()

获取 API 实例中包含的元素数量

each()

遍历 API 结果集的内容。

eq()

将 Api 实例缩减为单个上下文和结果集。

filter()

使用结果集中通过给定测试的所有元素创建一个新的 API 实例。

flatten()

将二维数组结构化 API 实例展平为一维数组结构。

indexOf()

在 API 实例的结果集中查找值的第一个实例。

iterator()

迭代表、行、列或单元格索引的结果集

join()

将结果集中的元素连接成一个字符串。

lastIndexOf()

在 API 实例的结果集中查找值的最后一个实例。

length

API 实例结果集中的元素数。

map()

使用回调函数返回的值定义的结果集创建一个新的 API 实例。

pluck()

使用当前结果集中对象的属性值创建一个新的 API 实例。

pop()

从 API 实例的结果集中删除最后一项。

push()

将一项或多项添加到 API 实例结果集的末尾。

reduce()

对累加器和 Api 结果集中的每个元素应用回调函数(从左到右)。

reduceRight()

对累加器和 Api 结果集中的每个元素应用回调函数(从右到左)。

reverse()

反转 API 实例的结果集。

shift()

从 API 实例的结果集中删除第一项。

slice()

创建 API 实例的独立副本。

sort()

对 API 实例的结果集的元素进行排序。

splice()

修改 Api 实例结果集的内容,根据需要在其中添加或删除项目。

to$()

将 API 实例转换为 jQuery 对象,并将实例结果集中的对象放在 jQuery 结果集中。

toArray()

从 API 实例创建本机 Javascript 数组对象。

toJQuery()

将 API 实例转换为 jQuery 对象,并将实例结果集中的对象放在 jQuery 结果集中。

unique()

创建一个新的 API 实例,该实例仅包含来自实例结果集中元素的唯一项。

unshift()

将一项或多项添加到 API 实例结果集的开头。

数据表 - 静态

DataTable.isDataTable()

检查表节点是否为 DataTable

DataTable.tables()

获取页面上的所有DataTables

DataTable.util.escapeRegex()

转义正则表达式字符串中的特殊字符

DataTable.util.get()

从描述符创建读取函数

DataTable.util.set()

从描述符创建写入函数

DataTable.util.throttle()

限制对方法的调用以降低调用频率

DataTable.versionCheck()

版本号兼容性检查功能

自动填充

autoFill().disable()

禁用自动填充的交互

autoFill().enable()

启用或禁用自动填充的交互

autoFill().enabled()

确定自动填充是启用还是禁用

纽扣

$.fn.dataTable.fileSave()

保存在客户端创建的文件

button()

选择一个按钮

button().action()

获取/设置选中按钮的动作函数

button().active()

获取/设置选中按钮的激活状态

button().add()

创建一个新按钮并将其添加到文档中

button().collectionRebuild()

重建按钮集合

button().disable()

禁用选定的按钮

button().enable()

启用/禁用所选按钮

button().index()

获取节点的索引

button().node()

获取所选按钮的按钮节点

button().popover()

显示按钮的弹出框,允许额外的用户输入

button().processing()

获取/设置按钮的处理状态

button().remove()

移除和删除选中的按钮

button().text()

获取/设置所选按钮的文本

button().trigger()

触发选中按钮的动作

buttons()

选择一个或多个按钮

buttons().action()

获取/设置所选按钮的操作功能

buttons().active()

设置选定按钮的活动状态

buttons().collectionRebuild()

重建按钮集合

buttons().container()

获取单个 Buttons 实例的容器元素

buttons().containers()

获取一个或多个按钮实例的容器元素

buttons().destroy()

销毁一个或多个按钮实例并从文档中移除

buttons().disable()

禁用选定的按钮

buttons().enable()

启用/禁用所选按钮

buttons().nodes()

获取所选按钮的按钮节点

buttons().processing()

设置多个按钮的处理状态

buttons().remove()

移除和删除选中的按钮

buttons().text()

获取/设置选定按钮的文本

buttons().trigger()

触发所选按钮的动作

buttons.exportData()

从适合导出的DataTable中获取数据

buttons.exportInfo()

获取许多不同按钮类型共有的导出元信息

buttons.info()

在模态框中显示和隐藏最终用户的信息

颜色重新排序

colReorder.disable()

禁用 ColReorder 的交互

colReorder.enable()

启用或禁用 ColReorder 的交互

colReorder.move()

以编程方式移动列

colReorder.order()

获取/设置列顺序

colReorder.reset()

恢复加载的列顺序

colReorder.transpose()

将一个或多个列索引与当前索引和原始索引相互转换

固定列

fixedColumns()

FixedColumns 方法的命名空间

fixedColumns().left()

获取/设置左侧 FixedColumns 的数量

fixedColumns().right()

获取/设置右 FixedColumns 的数量

固定头

fixedHeader.adjust()

重新计算表格位置并重绘固定元素

fixedHeader.disable()

禁用固定元素

fixedHeader.enable()

启用/禁用固定元素

fixedHeader.enabled()

获取当前启用状态

fixedHeader.footerOffset()

获取/设置固定页脚的偏移量

fixedHeader.headerOffset()

获取/设置固定头的偏移量

键表

cell().focus()

专注于一个细胞

cell.blur()

从桌子上模糊焦点

keys.disable()

禁用 KeyTable 的交互(鼠标和键盘)

keys.enable()

启用或禁用 KeyTable 的交互(鼠标和键盘)

keys.enabled()

确定表的 KeyTable 启用状态

keys.move()

将焦点移动到相邻单元格

响应式

column().responsiveHidden()

获取表中列的响应可见性状态

columns().responsiveHidden()

获取表中列的响应可见性状态

responsive.hasHidden()

确定 Responsive 是否隐藏了表中的任何列

responsive.index()

li从详细信息元素中获取单元格索引

responsive.rebuild()

根据列标题单元格的类信息重新计算列断点

responsive.recalc()

显示变化后重新计算 responsive 使用的宽度

行组

rowGroup().dataSrc()

获取/设置行分组的数据源

rowGroup().disable()

禁用 RowGroup 与表格的交互

rowGroup().enable()

启用或禁用 RowGroup 与表格的交互

rowGroup().enabled()

确定是否在表上启用了 RowGroup

行重新排序

rowReorder.disable()

禁用用户对行重新排序的能力。

rowReorder.enable()

启用/禁用用户重新排序行的能力。

滚动条

row().scrollTo()

滚动到特定行

scroller.measure()

重新计算 Scroller 使用的缓存测量值

scroller.page()

获取有关当前正在显示的行的信息

scroller.toPosition()

滚动到特定的行显示索引

搜索生成器

searchBuilder.container()

返回 SearchBuilder 容器的节点。

searchBuilder.getDetails()

获取当前搜索设置的详细信息

searchBuilder.rebuild()

将搜索重建到给定状态

搜索窗格

searchPanes.clearSelections()

清除所有窗格中的选择

searchPanes.container()

返回窗格容器的节点。

searchPanes.rebuildPane()

重建窗格,从表中重新收集选项。

searchPanes.resizePanes()

调整所有窗格的大小以适当地填充 SearchPanes 容器。

选择

cell().deselect()

取消选择单个单元格

cell().select()

选择单个单元格

cell().selected()

判断一个单元格是否被选中

cells().deselect()

取消选择单元格

cells().select()

选择单元格

column().deselect()

取消选择单个列

column().select()

选择单个列

column().selected()

确定是否已选择列

columns().deselect()

取消选择列

columns().select()

选择列

row().deselect()

取消选择单行

row().select()

选择单行

row().selected()

确定是否已选择行

rows().deselect()

取消选择行

rows().select()

选择行

select()

从构造函数外部初始化选择

select.blurable()

获取/设置表格的项目选择选项的可模糊状态

select.info()

获取/设置信息汇总显示状态

select.items()

获取/设置 Select 将根据用户交互选择的项目(行、列或单元格)

select.selector()

获取/设置鼠标事件捕获的项目选择器

select.style()

获取/设置最终用户可以选择表格中的项目的样式

select.toggleable()

获取/设置单击选定项目时可以取消选择项目的行为

状态恢复

stateRestore.activeStates()

获取所有当前活动状态的详细信息

stateRestore.state()

从 StateRestore 获取状态

stateRestore.state().load()

将 StateRestore 中的状态加载到表中

stateRestore.state().remove()

从 StateRestore 中删除状态

stateRestore.state().rename()

从 StateRestore 重命名状态

stateRestore.state().save()

从 StateRestore 保存状态

stateRestore.state.add()

创建一个新状态

stateRestore.states()

从 StateRestore 获取状态

stateRestore.states().remove()

从 StateRestore 中删除状态

事件

DataTables 及其扩展将在执行特定操作时发出自定义 DOM 事件,提供侦听这些事件并在它们发生时对它们采取行动的能力,例如在重绘表格时更新有关表格的显示信息。

on()DataTables 发出的事件都可以使用该方法或jQuery.on()带有命名空间的方法进行监听dt(所有事件都使用命名空间触发,dt以确保它们不会与来自其他库的自定义事件冲突!)。下面的示例显示了如何draw监听事件:

$('#myTable').on( 'draw.dt', function () {
    alert( 'Table redrawn' );
} );

有关 DataTables 自定义事件的更多一般信息,请参阅事件手册

姓名概括
数据表

childRow

已从表中添加或删除子行

column-sizing

列调整事件 - 在重新计算列宽时触发。

column-visibility

列可见性事件 - 当列的可见性改变时触发。

destroy

表销毁事件 - 当表被销毁时触发。

draw

平局事件 - 一旦牌桌完成平局就触发。

error

错误事件 - DataTables 处理数据期间发生错误。

init

初始化完成事件 - 当 DataTables 完全初始化并加载数据时触发。

length

页面长度更改事件 - 当页面长度更改时触发。

order

order 事件 - 当表中包含的数据被排序时触发。

page

页面更改事件 - 当表的分页更新时触发。

preDraw

预绘制事件 - 在表格即将重绘时触发。

preInit

初始化开始事件 - 在数据加载之前立即触发。

preXhr

Ajax 事件 - 在发出 Ajax 请求之前触发

processing

处理事件 - 在 DataTables 处理数据时触发

requestChild

DataTables 想要显示一个子行

search

搜索事件 - 过滤表时触发。

stateLoadParams

状态加载事件 - 从存储加载状态时触发。

stateLoaded

状态加载事件 - 一旦状态被加载和应用就被触发。

stateSaveParams

状态保存事件 - 保存表状态信息时触发。

xhr

Ajax 事件 - 当 Ajax 请求完成时触发

自动填充

autoFill

自动填充操作已完成

preAutoFill

即将对表格应用自动填充操作

纽扣

buttons-action

按钮的动作方法已被触发

buttons-processing

按钮的处理状态已更改

颜色重新排序

column-reorder

列已由最终用户或 API 重新排序

键表

key

已在表上检测到键事件,KeyTable 未处理

key-blur

KeyTable 模糊了单元格的焦点

key-focus

KeyTable 聚焦了一个单元格

key-refocus

KeyTable 重新聚焦了一个单元格

key-return-submit

Return 键用于提交编辑器内联编辑

响应式

responsive-display

行的详细信息已显示、更新或隐藏

responsive-resize

由于调整大小,响应式显示的列已更改

行组

rowgroup-datasrc

分组数据属性已更改

行重新排序

pre-row-reorder

最终用户已启动行重新排序操作。

row-reorder

行已由最终用户重新排序

row-reordered

在最终用户重新排序行之后

搜索生成器

dtsb-inserted

来自 init 函数的元素已插入 dom

选择

deselect

项目(行、列或单元格)已被取消选择

select

已选择项目(行、列或单元格)

selectItems

选择项目类型更改事件。

selectStyle

选择样式更改事件。

user-select

用户操作将导致在表格中选择项目

状态恢复

stateRestore-change

当添加、删除或更改 StateRestore 中的状态时触发

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:12:46  更:2022-03-16 22:15:14 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 6:27:38-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码