responsive.index()
自:响应式 1.0.3
从 li
详情元素中获取单元格索引。
请注意 - 此属性需要 响应式 DataTables 扩展。
已弃用!
自 v2.0.2 版本开始,此功能已弃用。此功能尚未安排删除,但 discouraged 其使用,应使用下面讨论的 alternative 方案。
自 DataTables 1.10.11 和响应式 2.0.2 开始,此方法不再需要从响应式显示中的节点获取单元格索引,因为 cell()
方法将接受 td
元素,这些元素具有 dt-row
和 dt-column
数据属性(现在由响应式使用)。
示例
在单击时将类名称添加到数据的主机单元格(
var table = $('#example').DataTable();
$('#example').on( 'click', 'li', function () {
$( table.cell( this ).node() )
.addClass( 'highlight' );
} );
描述
使用响应式的详情行时,通常很有用,可获得对单元格、行或列的引用,而详情行中显示的数据来自该单元格、行或列。此方法提供了这种能力,返回一个对象,该对象可以用作 cell-selector
并使用 cell()
方法。
请注意,此方法需要 responsive.details.renderer
使用默认渲染器。如果使用自定义方法,将无法获取计算索引所需的信息。
类型
函数 responsive.index( li )
- 描述
从
li
详情元素计算单元格索引- 参数
名称 类型 可选 1 n
否 要为其获取单元格索引的
li
节点(或包含该节点的 jQuery 集合)。- 返回
包含属性
行
和列
的单元格对象。此对象可以用作 DataTablescell-selector
。
示例
在单击时将类名称添加到数据的主机单元格
var table = new DataTable('#myTable');
$('#example').on('click', 'li', function () {
var cellIndx = table.responsive.index(this);
$(table.cell(cellIndex).node()).addClass('highlight');
});