{hero}

响应式。详细信息

自:1.0.0 版响应式起

启用并配置响应式为折叠表格显示的子行。
请注意 - 此属性需要适用于数据表的 响应式 扩展。

描述

响应式可以使用数据表的子行功能为已从显示中移除的任意列显示信息,这对于在小屏幕设备上显示复杂信息特别有用。有关更多信息,请参阅 响应式详细行手册

此选项提供配置响应式处理详细行的功能。在最简单的布尔值形式中,可以启用或禁用详细行显示,而作为对象,您可以控制行显示的方式,并控制显示/隐藏子行。

请注意,与响应式的所有其他配置选项一样,此选项是对 默认数据表选项集 的扩展。应在数据表初始化对象中设置此属性。

类型

布尔值

描述

作为 布尔值 值,此选项将启用和禁用响应式的子行显示。false 将完全禁用子行(列将简单从禁用中移除,其内容无法通过数据表 API 访问),而 true 将启用子行,使用对象 DataTables.Responsive.defaults.details 定义的默认值。

对象

描述

当作为对象提供时,将启用响应式的子行显示,并且可以提供配置选项来扩展或覆盖默认值。

默认

  • 值:true

将使用 内联 方法禁用子行(参见 responsive.details.type)。

示例

禁用详细行显示

new DataTable('#myTable', {
	responsive: {
		details: false
	}
});

设置详细显示的 类型 选项

new DataTable('#myTable', {
	responsive: {
		details: {
			type: 'column'
		}
	}
});