{hero}

columns.defaultContent

自 DataTables 1.10 起

为某列设置默认的静态内容。

说明

通常您可能希望某列中具有静态内容,例如简单的编辑和/或删除按钮,并且已向其分配了事件。该选项可用于这些用例 - 为某列创建静态内容。如果您希望创建动态内容(即基于行中的其他数据),则应使用 columns.render 选项。

此外,当加载 JSON 数据时,此选项也很有用,因为如果从 JSON 中找到单元格值为 null(例如,您可能将默认字符串设置为 不可用),则将使用此处设置的值。

与呈现器(columns.render)一起使用时,将在呈现函数之后解析默认内容。如果呈现器返回 nullundefined,则将使用为默认内容设置的值。

类型

可以在以下类型中指定此选项

实例

为可能具有 nullundefined 值的字段显示信息消息

new DataTable('#myTable', {
	columns: [
		null,
		null,
		null,
		{
			data: 'first_name', // can be null or undefined
			defaultContent: '<i>Not set</i>'
		}
	]
});

当字段的值是 nullundefined 值时显示空字符串

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>'
		}
	]
});

相关信息

以下选项直接相关,并且在您的应用程序开发中也可能有用。