描述(Description)
从ajax数据源或dom数据源读取数据创建单元格执行的回调函数。当单元格被创建的同时允许使用
columns.renderOption
选项补充操作单元格的dom元素,比如添加背景色
(在表格初始化的时候,如果开启了
deferRenderOption
,单元格也许不会立马被创建
,或者你的行是使用API
rows.add()API
方法动态添加的)
这个是选项是和
createdRowOption
回调方法相对应的
类型(Type)
function createdCell( cell, cellData, rowData, rowIndex, colIndex )
参数(Parameters):
名称(Name) | 类型(Type) | 是否可选(Optional) | |
---|---|---|---|
1 | cell |
nodeType
|
No |
已经创建的 td 节点
|
|||
2 | cellData |
Any
|
No |
单元格的数据,如果你使用了
columns.renderOption
去修改数据,使用
$(cell).html() 得到渲染后的数据。这里的数据是来自数据源里没有修改过的原始数据。
|
|||
3 | rowData |
Any
|
No |
整行的数据对象,可能是object或者array | |||
4 | rowIndex |
integerType
|
No |
DataTables内部的行索引 | |||
5 | colIndex |
integerType
|
No |
DataTables内部的列索引 |
例子(Example)
使用
columnDefsOption
配置createdCell
操作dom元素
当单元格的值小于1的时候,加红
1
2
3
4
5
6
7
8
9
10
$('#example').DataTable( {
"columnDefs": [ {
"targets": 3,
"createdCell": function (td, cellData, rowData, row, col) {
if ( cellData < 1 ) {
$(td).css('color', 'red')
}
}
} ]
} );
相关属性(Related)
下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。
Options