响应式。详细。类型
自:响应式 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']
});