{hero}

数据

自 DataTables 1.10 版本起

用作表格显示数据的数据。

描述

DataTables 可以从多个来源获取用于显示在表格主体中的数据,包括使用此初始化参数作为行数据数组传递。与其他动态数据源一样,可以对每行的源数据使用数组或对象,并使用columns.data 从特定的对象属性中读取。

在从 JavaScript 数据源或自定义 Ajax 数据获取创建表格时,使用此初始化选项非常有用。

请注意,如果指定了data,则数组中给出的数据将替换初始化时在表格 DOM 中找到的任何信息。

类型

此选项可以以下类型给出:

示例

使用二维数组数据源

new DataTable('#myTable', {
	data: [
		[
			'Tiger Nixon',
			'System Architect',
			'$3,120',
			'2011/04/25',
			'Edinburgh',
			5421
		],
		['Garrett Winters', 'Director', '$8,422', '2011/07/25', 'Edinburgh', 8422]
		// ...
	]
});

使用对象数组作为数据源

new DataTable('#myTable', {
	data: [
		{
			name: 'Tiger Nixon',
			position: 'System Architect',
			salary: '$3,120',
			start_date: '2011/04/25',
			office: 'Edinburgh',
			extn: 5421
		},
		{
			name: 'Garrett Winters',
			position: 'Director',
			salary: '5300',
			start_date: '2011/07/25',
			office: 'Edinburgh',
			extn: '8422'
		}
		// ...
	],
	columns: [
		{ data: 'name' },
		{ data: 'position' },
		{ data: 'office' },
		{ data: 'extn' },
		{ data: 'start_date' },
		{ data: 'salary' }
	]
});

相关

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