{hero}

cell().data()

自:DataTables 1.10

获取或设置所选单元格的数据

说明

此方法用于处理在 cell() 调用中使用的选择器检索的单元格中的数据。可用于获取现有数据或设置新值。

注意,当用作设置程序时,此方法会设置要应用于表格的数据,将其存储在该行的源数据数组或对象中,但不会在调用 draw() 方法之前更新表格存储的数据的内部高速缓存(即搜索和排序高速缓存)。可将 draw 作为 cell().data() 方法返回的对象的连锁方法触发 - 例如 table.cell( 0, 0 ).data( 'Updated' ).draw();

此外,虽然内部高速缓存直到下一次绘制才更新,但对单元格内容的更改在此方法作为设置程序调用后会立即显示,因为它使用 innerHTML 写入单元格的内容。

类型

函数 cell().data()

说明

获取所选单元格的数据

返回值

任何

来自单元格的数据

函数 cell().data( set )

说明

设置所选单元格的数据

参数
返回值

将所选单元格作为结果集的 DataTables API 实例

示例

当点击某个单元格时提示来自此单元格的数据

var table = new DataTable('#myTable');

$('#example tbody').on('click', 'td', function () {
	alert(table.cell(this).data());
});

当点击某个单元格时,将该单元格中的数据增加 1

var table = new DataTable('#myTable');

$('#example tbody').on('click', 'td', function () {
	var cell = table.cell(this);
	cell.data(cell.data() + 1).draw();
	// note - call draw() to update the table's draw state with the new data
});

相关信息

以下选项直接相关,它们在你的应用开发中也可能会派上用场。