[dataTable] dataTable給欄位預設值 columns.defaultContent－碎碎念

dataTable 填入欄位的資料時通常是用"colums":[{"data":"變數名稱"}]

$('#example').dataTable( {

  "columns": [

    null,

    null,

    null,

{

      "data": "office", // can be null or undefined

}

]

} );

但如果資料中沒有此變數時，dataTable就會跳alert訊息

如果要讓dataTable不要跳alert訊息就要設定預設值，使用"defaultContent"便可設定該欄的預設值，也可用在columnDefs中

Show an empty string when a field's value is null or undefined value:



Javascript




1
2
3
4
5
6
7
8
9
10
11



$('#example').dataTable( {
  "columns": [
    null,
    null,
    null,
    {
      "data": "office", // can be null or undefined
      "defaultContent": ""
    }
  ]
} );

Create an edit button in the last column with columnDefs:



Javascript




1
2
3
4
5
6
7
8
9



$('#example').dataTable( {
  "columnDefs": [
    {
      "data": null,
      "defaultContent": "<button>Edit</button>",
      "targets": -1
    }
  ]
} );