子資料列
自:DataTables 1.11 起
表格中新增或移除了子資料列。
描述
當表格中插入或移除子資料列時,將觸發 childRow
事件。
請注意,與所有 DataTables 發射的事件一樣,事件物件上會有一個可用的 DataTables API 實例(第一個參數)。此外,事件會以 dt
命名空間觸發。因此,要監聽此事件,您還必須使用 dt
命名空間,只需將 .dt
附加到您的事件名稱即可,如下例所示。監聽器也應在表格初始化之前設定,否則當嘗試載入狀態時,監聽器將不會設定,並且程式碼將不會在子資料列的初始顯示中執行。
類型
function function( e, show, row )
- 參數
名稱 類型 可選 1 e
否 jQuery 事件物件
2 show
否 布林值,
true
表示正在顯示資料列,false
表示未顯示。3 row
否 正在顯示子資料列的父資料列實例。
範例
子資料列顯示變更通知
let table = new DataTable('#myTable', {
ajax: '../ajax/data/objects.txt',
rowId: 'id',
stateSave: true,
columns: [
{
className: 'dt-control',
orderable: false,
data: null,
defaultContent: ''
},
{ data: 'name' },
{ data: 'position' },
{ data: 'office' },
{ data: 'salary' }
],
order: [[1, 'asc']]
});
table.on('childRow.dt', function (e, show, row) {
console.log((show ? 'Showing ' : 'Hiding ') + 'row ' + row.index());
});