以下是一个使用元数据筛选和排序Datatables的示例代码:
// 创建Datatables表格
var table = $('#example').DataTable();
// 添加元数据到表格
table.columns().every(function() {
var column = this;
var select = $('')
.appendTo($(column.header()).empty())
.on('change', function() {
column
.search($(this).val())
.draw();
});
column.data().unique().sort().each(function(d, j) {
select.append('');
});
});
// 按照最近激活进行排序
table.order([3, 'desc']).draw();
在这个示例中,我们首先创建了一个Datatables表格。然后,我们使用columns().every()
方法对每一列进行循环。在循环内部,我们为每一列创建一个下拉列表,并将其附加到列标题上。每个下拉列表都有一个change
事件处理程序,当选择项发生变化时,会根据选择的值进行筛选并重新绘制表格。
接下来,我们使用order()
方法按照最近激活的日期进行排序。order()
方法接受一个数组参数,其中第一个元素表示要排序的列索引,第二个元素表示排序方式('asc'表示升序,'desc'表示降序)。最后,我们使用draw()
方法重新绘制表格以显示排序结果。
请注意,上述代码中的#example
是指代表表格的HTML元素的ID。请根据实际情况更改该ID。