{hero}

响应式。详细。类型

自:响应式 1.0.0 起

设置子行显示控制类型。
请注意,此属性需要 DataTables 的 响应式 扩展。

描述

响应式有两种内置方法,用于管理向最终用户显示子行显示控制

  • inline - 在该表的第一列中添加额外的内边距,并使用 :before 伪元素来显示按钮。
  • column - 将整列专门用于显示/隐藏控制。
  • none - 不显示显示/隐藏图标 - 通常在删除用户显示/隐藏行的能力时使用(responsive.details.target)。

如果已有表格,并且希望在不更改表格结构的情况下快速向表格添加响应式,则 inline 样式很有用,当不希望由于为内联显示腾出空间而导致第一列的布局发生变化时,column 类型很有用。

请注意,与响应式所有其它配置选项一样,该选项是 默认 DataTables 选项集合 的扩展。此属性应在 DataTables 初始化对象中进行设置。

类型

字符串

描述

要使用的子行显示类型。它可以是下列选项之一

  • inline - 使用第一列显示控制元素
  • column - 使用整列显示控制元素。注意,如果用作列类型,并且 target 选项设置为列索引,则应将 DataTable 中分配给该列的类设置为 dtr-control,以便 CSS 可以向最终用户显示可视的显示/隐藏控制。
  • none - 不显示显示/隐藏图标

默认

  • 值:inline

示例

使用 column 控制类型

new DataTable('#myTable', {
	responsive: {
		details: {
			type: 'column'
		}
	},
	columnDefs: [
		{
			className: 'dtr-control',
			orderable: false,
			targets: 0
		}
	],
	order: [1, 'asc']
});