columns.defaultContent
自 DataTables 1.10 起
設定欄位的預設靜態內容。
描述
您可能經常希望在欄位中加入靜態內容，例如簡單的編輯和/或刪除按鈕，並為它們指定事件。此選項適用於這些使用案例 - 為欄位建立靜態內容。如果您希望建立動態內容（即基於列中的其他資料），則應使用 columns.render 選項。
此外，當載入 JSON 資料時，此選項也很有用，因為如果從 JSON 中找到的儲存格值為 null 時，將會使用此處設定的值（例如，您可以設定預設字串為 無法使用）。
當與渲染器 (columns.render) 一起使用時，預設內容會在渲染函式之後解析。如果渲染器傳回 null 或 undefined，則會使用設定為預設內容的值。
類型
此選項可以下列類型給定
範例
顯示欄位可以具有 null 或 undefined 值的資訊訊息
new DataTable('#myTable', {
columns: [
null,
null,
null,
{
data: 'first_name', // can be null or undefined
defaultContent: '<i>Not set</i>'
}
]
});當欄位的值為 null 或 undefined 值時，顯示空字串
new DataTable('#myTable', {
columns: [
null,
null,
null,
{
data: 'office', // can be null or undefined
defaultContent: ''
}
]
});在最後一欄建立編輯按鈕，使用 columnDefs
new DataTable('#myTable', {
columnDefs: [
{
data: null,
defaultContent: '<button>Edit</button>',
targets: -1
}
]
});在最後一欄建立編輯按鈕，使用 columns
new DataTable('#myTable', {
columns: [
null,
null,
null,
{
data: null,
defaultContent: '<button>Edit</button>'
}
]
});相關
以下選項直接相關，在您的應用程式開發中也可能很有用。