【问题标题】:Is there a way to disable initial sorting for jquery DataTables?有没有办法禁用 jquery DataTables 的初始排序?
【发布时间】:2011-06-25 06:19:47
【问题描述】:

我正在使用jquery DataTables 插件。从他们的文档中:

如果启用排序,则 DataTables 将在初始化时执行第一次排序。您可以使用此变量定义对哪些列执行排序以及排序方向。 aaSorting 数组应包含每个要排序的列的数组,该数组最初包含列的索引和方向字符串('asc' 或 'desc')。

是否可以启用排序但在初始化时禁用此第一遍排序?我目前正在做初始排序服务器端,需要排序功能,但不需要这个初始排序功能。

【问题讨论】:

    标签: jquery jquery-datatables


    【解决方案1】:

    我发现answer 将“aaSorting”设置为一个空数组:

    $(document).ready( function() {
        $('#example').dataTable({
            /* Disable initial sort */
            "aaSorting": []
        });
    })
    

    对于较新版本的数据表 (>= 1.10),请使用 order 选项:

    $(document).ready( function() {
        $('#example').dataTable({
            /* No ordering applied by DataTables during initialisation */
            "order": []
        });
    })
    

    【讨论】:

    • 这个答案很有帮助,但值得注意的是潜在的混乱。如果 col 0 是按 asc 预排序的并且此初始排序被禁用,则当用户第一次单击 col 0 的标题时,它将按 asc 顺序排序。对于用户来说,这看起来像没有发生任何事情,因为他们会期望 desc 顺序。第二次单击将按顺序排序。为了解决这个问题,您可以在aoColumnDefs 中设置asSorting: ['desc', 'asc'],以便第一次点击是降序排序。
    • 对于较新版本,其顺序:[]
    • @tomfumb 实际上,有一个 GUI 显示它没有排序。第一次单击将显示正在激活的排序,即使项目没有更改。这对我来说已经足够了。
    • 您也可以在表级别设置它-> <table data-order="[]">
    • 这个解决方案对我不起作用,但 <table data-order="[]"> 对我有用。
    【解决方案2】:

    根据最新的 api 文档:

    $(document).ready(function() {
        $('#example').dataTable({
            "order": []
        });
    });
    

    More Info

    【讨论】:

      【解决方案3】:

      试试这个:

      $(document).ready( function () {
        $('#example').dataTable({
          "order": []
        });
      });
      

      这将解决您的问题。

      【讨论】:

        【解决方案4】:

        在数据表选项中放这个:

        $(document).ready( function() {
          $('#example').dataTable({
            "aaSorting": [[ 2, 'asc' ]], 
            //More options ...
        
           });
        })
        

        解决方法如下: "aaSorting": [[ 2, 'asc' ]],

        2表示表格将按第三列排序,
        asc按升序排列。

        【讨论】:

        • 问题是如何“禁用初始排序”,而不是如何指定另一个排序顺序。这个答案更适合不同的问题。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-08-09
        • 2014-08-29
        • 2021-02-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多