{hero}

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 值将始终被使用。

类型

整数

说明

优先级是整数,其中较小的数字具有较高的优先级(即优先级为 2 的列将在优先级为 1 的列之前被隐藏)。

给定的优先级应 >=0,但在技术上,可以使用负数来提高重要列的优先级。

默认

  • 值: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 }
	]
});