通常,在使用服务器端处理时,您会发现在其上具有特定ID会很有用。
每行(例如数据库中的主键值)。通过分配您要应用的ID
to each row using the property DT_RowId
of the data source object for each row, DataTables
会自动为您添加。
In addition to DT_RowId
there are two other properties which perform similar actions:
DT_RowClass
和 DT_RowData
:
DT_RowId
- Add an ID to the TR 元件 DT_RowClass
- Add a class name to the TR 元件 DT_RowData
- Add 的HTML 5 数据- 的属性 TR
元件。这是键/值对的对象,这些键/值对作为数据属性分配给
TR 元件。 This example below shows DT_RowId
being used to add information to the table. In
其他对象用作行的数据源。
名称 | 位置 | 办公室 | 扩展 | 开始日期 | 薪水 |
---|---|---|---|---|---|
名称 | 位置 | 办公室 | 扩展 | 开始日期 | 薪水 |
下面显示的Javascript用于初始化此显示的表 example:
$(document).ready(function() {
$('#example').dataTable( {
"processing": true,
"serverSide": true,
"ajax": "scripts/ids-objects.php",
"columns": [
{ "data": "first_name" },
{ "data": "last_name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "start_date" },
{ "data": "salary" }
]
} );
} );
除上述代码外,以下Javascript库文件也已加载以供在本文档中使用。 example:
下面显示的HTML是原始HTML表格元素,之前已通过 DataTables:
除了从库中加载的内容外,此示例还使用了一些其他CSS 文件(如下),以便正确显示表格。显示了使用的其他CSS below:
加载以下CSS库文件以供本示例使用,以提供 table:
该表通过Ajax加载数据。下面显示了已加载的最新数据。这个数据 将在加载任何其他数据时自动更新。
下面显示了用于执行此表的服务器端处理的脚本。请注意 这只是使用PHP的示例脚本。服务器端处理脚本可以用任何形式编写 language, using 协议中描述的协议 DataTables文档.