cell().index() 获取被选择的单元格的索引信息

最低支持版本:DataTables 1.10


描述(Description)

DataTables 把行列的数据储存在内部索引里面,这个可以用来快速的执行排序和搜索等操作。当你使用 row()API column()API 或者其他方法时,这个索引是很有用的。

并且这个方法提供了列数据索引还有可见列索引,同时还可以动态从DOM中添加和删除列。

使用 cell()API 方法获取的单元格返回的数据结构如下

1
2
3
4
5
{
    "row":           integer, // Row index
    "column":        integer, // Column data index
    "columnVisible": integer  // Column visible index
}

类型(Type)


function cell().index()

描述(Description):

获取行、列、可见列索引信息

返回(Returns):

objectType

被选中单元格索引信息数据,参考上面的数据格式


例子(Example)

点击单元格时,alert显示列索引

1
2
3
4
5
var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'td', function () {
    alert( 'Clicked on cell in visible column: '+table.cell( this ).index().columnVisible );
} );

点击单元格,使用行的索引添加样式

1
2
3
4
5
6
7
8
9
10
11
12
13
var table = $('#example').DataTable();
 
$('#example tbody').on( 'click', 'td', function () {
    var rowIdx = table
        .cell( this )
        .index().row;
 
    table
        .rows( rowIdx )
        .nodes()
        .to$()
        .addClass( 'clicked' );
} );

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/api/cell().index()

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……