columns.responsivePriority
自:Responsive 2.0.0
设置列的可见性优先级。
请注意 - 此属性需要 Responsive 扩展用于 DataTables。
说明
当表格对于给定显示器而言太宽时,Responsive 会自动删除表格右侧的列。虽然这是一个有用的默认设置,但您可能需要控制隐藏列的顺序。此参数通过设置可见性优先级顺序提供了此功能。
给定的值将设置列的可见性优先级,其中较小的数字表示更高的优先级,即在表中保持可见。例如,优先级为 2 的列将在显示之前删除优先级为 1 的列,无论它们在表中出现的顺序如何。
这对于希望保持右列可见(如果它们包含操作按钮或其他重要信息)的情况特别有用。
列优先级也可以由列标题单元格上的 data-priority
属性定义(例如 <th data-priority="1">First name</th>
)。如果对同一列设置了 data-priority
属性和 columns.responsivePriority
的值,columns.responsivePriority
值将始终被使用。
类型
默认
- 值:
undefined
此参数的默认值为 undefined
。当 Responsive 找到未定义的优先级值时,它会自动将列的优先级设置为 10000。
示例
优先考虑第一列和最后一列
new DataTable('#myTable', {
responsive: true,
columnDefs: [
{ responsivePriority: 1, targets: 0 },
{ responsivePriority: 2, targets: -1 }
]
});
从左到右隐藏列
new DataTable('#myTable', {
responsive: true,
columns: [
{ responsivePriority: 6 },
{ responsivePriority: 5 },
{ responsivePriority: 4 },
{ responsivePriority: 3 },
{ responsivePriority: 2 },
{ responsivePriority: 1 }
]
});