columns.createdCell
自：DataTables 1.10 起
單元格建立回呼，允許 DOM 操作。
描述
這是一個回呼函式，在每次建立單元格時（Ajax 來源等）或從 DOM 來源讀取時執行。它可以作為 columns.render 的補充，允許在建立元素時修改單元格的 DOM 元素（例如新增背景顏色）（如果啟用了 deferRender，或者如果使用 API (rows.add()) 動態新增列，則可能不會在表格初始化時立即建立單元格）。
這是列的對應回呼，使用 createdRow 選項。
類型
function createdCell( cell, cellData, rowData, rowIndex, colIndex )
- 參數
名稱 類型 可選 1 cell否 已建立的
TD節點2 cellData任何否 單元格資料。如果您使用
columns.render來修改資料，請使用$(cell).html()來取得並修改渲染的資料。此處提供的資訊是來自資料來源的原始且未修改的資料。3 rowData任何否 整列的資料來源物件/陣列
4 rowIndex否 DataTables 內部列的索引
5 colIndex否 DataTables 內部欄的索引
範例
使用 createdCell 以 columnDefs 操作 DOM
new DataTable('#myTable', {
columnDefs: [
{
targets: 3,
createdCell: function (td, cellData, rowData, row, col) {
if (cellData < 1) {
$(td).css('color', 'red');
}
}
}
]
});相關
以下選項直接相關，也可能在您的應用程式開發中很有用。