📅  最后修改于: 2023-12-03 14:56:32.896000             🧑  作者: Mango
当我们在使用一些数据表格插件时,经常会发现在初始加载时数据表格会自动按照某一列进行排序,可能是第一列或者是默认排序列。这时候我们就需要禁用数据表格中的初始排序,以保持表格数据的原始顺序。
在数据表格初始化的时候,可以直接设置默认排序为null或false。具体的实现方式根据不同的插件有所不同,常见的如下:
$('#example').DataTable({
"ordering": false // 禁用默认排序
});
$('#table').bootstrapTable({
"sortable": false // 禁用默认排序
});
var container = document.getElementById('example');
var hot = new Handsontable(container, {
...,
colHeaders: ['ID', 'Name', 'Address'],
colWidths: [150, 150, 150],
colSortOrder: false // 禁用默认排序
});
有些插件并没有提供设置默认排序为null或false的接口,这时候我们可以通过移除默认排序函数来实现。以jQuery Datatables为例,可以通过以下方式实现:
var table = $('#example').dataTable();
table.fnSortNeutral(); // 移除默认排序函数
禁用数据表格中的初始排序,可以在保持数据表格加载时间的同时,帮助用户更好地了解原始数据顺序。具体实现方式因插件而异,需要注意各自的API文档。