columns.createdCell 单元格创建回调以允许操作DOM

最低支持版本:DataTables 1.10


描述(Description)

从ajax数据源或dom数据源读取数据创建单元格执行的回调函数。当单元格被创建的同时允许使用

columns.renderOption 选项补充操作单元格的dom元素,比如添加背景色 (在表格初始化的时候,如果开启了 deferRenderOption ,单元格也许不会立马被创建 ,或者你的行是使用API rows.add()API 方法动态添加的)

这个是选项是和 createdRowOption 回调方法相对应的

类型(Type)


function createdCell( cell, cellData, rowData, rowIndex, colIndex )

参数(Parameters):


例子(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

https://datatables.net/reference/option/columns.createdCell

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

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