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>'
}
]
});
相关信息
以下选项直接相关,并且在您的应用程序开发中也可能有用。