columns.createdCell
自:DataTables 1.10
可以进行 DOM 操作的单元格创建回调。
说明
每当创建单元格(Ajax 源等)或从 DOM 源读取单元格时,就会执行此回调函数。它可作为 columns.render
的补充,允许在创建元素时修改单元格的 DOM 元素(例如,添加背景颜色)(如果启用 deferRender
时,元素可能不会在表初始化时立即创建,或如果使用 API(rows.add()
)动态添加行)。
这是行的对应回调,它使用 createdRow
选项。
类型
函数 createdCell(单元格、单元格数据、行数据、行索引、列索引)
- 参数
名称 类型 可选 1 单元格
否 已创建的
TD
节点2 单元格数据
任意
否 单元格数据。如果使用
columns.render
修改数据,请使用$(单元格).html()
获取和修改呈现的数据。这里给出的信息是数据源中的原始未修改数据。3 行数据
任意
否 整个行的 Data 源对象/数组
4 行索引
否 DataTables 的行内部索引
5 列索引
否 DataTables 的列内部索引
示例
使用 createdCell
可以通过 columnDefs
操作 DOM
new DataTable('#myTable', {
columnDefs: [
{
targets: 3,
createdCell: function (td, cellData, rowData, row, col) {
if (cellData < 1) {
$(td).css('color', 'red');
}
}
}
]
});
相关
以下选项直接相关,可能对您的应用程序开发也有用。