自动给行添加id属性
通常当使用服务器端处理时,您会发现在每一行上都有一个特定的ID(例如来自数据库的主键值)是很有用的。 通过使用每行的数据源对象的属性
DT_RowId
(可以使用rowId选项配置此属性名称)为每行指定要应用的ID,DataTables
将自动为您添加它(注意,这同样适用于Ajax和Javascript加载的数据以及服务器端处理)
本示例演示了用于向 table 中添加信息的
DT_RowId
。另外,使用对象作为数据源
姓名 | 职位 | 工作地点 | 年龄 | 入职时间 | 年薪 |
---|---|---|---|---|---|
姓名 | 职位 | 工作地点 | 年龄 | 入职时间 | 年薪 |
$('#dataTableExample').DataTable($.concatCpt('dataTable', {
"processing": true,
"serverSide": true,
"ajax": "/employee/all/get",
"columns": [
{"data": "name"},
{"data": "title"},
{"data": "base"},
{"data": "age"},
{"data": "hireDate"},
{"data": "salary"}
]
}));
<table class="table table-bordered table-hover dataTable table-striped w-full">
<thead>
<tr>
<th>姓名</th>
<th>职位</th>
<th>工作地点</th>
<th>年龄</th>
<th>入职时间</th>
<th>年薪</th>
</tr>
</thead>
<tfoot>
<tr>
<th>姓名</th>
<th>职位</th>
<th>工作地点</th>
<th>年龄</th>
<th>入职时间</th>
<th>年薪</th>
</tr>
</tfoot>
</table>
java代码
{
"recordsFiltered": 57,
"data": [
{
"name": "李霞",
"title": "系统架构师",
"base": "北京",
"age": 61,
"hireDate": "2011/04/25",
"salary": 320800,
"DT_RowId": 1
},
{
"name": "杜重治",
"title": "会计",
"base": "上海",
"age": 63,
"hireDate": "2011/07/25",
"salary": 170750,
"DT_RowId": 2
},
{
"name": "陈锋",
"title": "初级开发者",
"base": "深圳",
"age": 66,
"hireDate": "2009/01/12",
"salary": 86000,
"DT_RowId": 3
}
]
}