📜  禁用数据表中的初始排序 (1)

📅  最后修改于: 2023-12-03 14:56:32.896000             🧑  作者: Mango

禁用数据表中的初始排序

当我们在使用一些数据表格插件时,经常会发现在初始加载时数据表格会自动按照某一列进行排序,可能是第一列或者是默认排序列。这时候我们就需要禁用数据表格中的初始排序,以保持表格数据的原始顺序。

方法一:直接设置默认排序为null或false

在数据表格初始化的时候,可以直接设置默认排序为null或false。具体的实现方式根据不同的插件有所不同,常见的如下:

jQuery Datatables
$('#example').DataTable({
   "ordering": false // 禁用默认排序
});
Bootstrap Table
$('#table').bootstrapTable({
   "sortable": false // 禁用默认排序
});
Handsontable
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文档。