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