【问题标题】:Disabling sorting in datatables not functioning禁用数据表中的排序不起作用
【发布时间】:2012-01-29 12:42:04
【问题描述】:

这是我正在使用的代码

oTable = $('#example').dataTable({
                "bSort": false,
                "bStateSave":true,
                "aoColumns": [ 
                   { "bSortable": false },
                   { "bSortable": false },
                   { "bSortable": false } ] 
            });

我遇到的问题是表格一开始是空白的,并且由用户输入填充。一旦用户开始在表格中输入内容,它就会按产品 ID 对它们进行排序。我正在尝试删除这种排序,以便仅在输入时列出它们。

编辑:我得出的结论是,我的所有初始化设置都不起作用。我相信当表格为空时,除了标题之外,它与 fnAddRow 有关。

EDIT2:我已将其隔离到 fnAddData。当我使用垃圾数据初始化表时,所有内容都按照应有的格式进行格式化,但是一旦我使用 fnAddData,它就会删除所有格式

【问题讨论】:

标签: jquery datatables


【解决方案1】:

默认排序可以通过asSorting参数设置。请看:

http://datatables.net/usage/columns

【讨论】:

  • 我不想进行排序
  • 添加一个带时间戳的隐藏字段。此时设置默认排序。项目将按照添加时的顺序显示。
  • 我这样做了,除了索引号。问题是 fnAddData 运行后没有保留任何初始参数。我相信在 fnAddData 代码的某个地方,oSettings 字段正在被清除。
【解决方案2】:

试试这个:

这是禁用初始排序

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

【讨论】:

  • 这应该是数据表的默认设置。谢谢你。
  • 谢谢。搜索把我带到了这里,答案禁用了所有排序,最初是我所追求的。在这里节省了我一些时间。
【解决方案3】:

bSort (http://datatables.net/ref#bSort) 是在 DataTables 中禁用排序的正确方法。也许您可以链接到您的示例,该示例显示仍然使用此参数集启用排序?

【讨论】:

  • 我实际上无法链接该页面,因为需要登录才能从数据库中填充下拉菜单。我怀疑这与有一个空白表然后添加行有关。我已经尝试了我在 datatables.net 网站上看到的所有方法,但似乎没有任何效果。排序总是出现
【解决方案4】:

试试这个:

$(document).ready( function () {$('#example').dataTable( {
    "bSort": false
  } );
} 

【讨论】:

    【解决方案5】:

    使用下面的代码

    "aoColumnDefs": [
      { "bSortable": false, "aTargets": [ 0 ] }
    ] } );
    

    或使用链接 http://datatables.net/ref#bSortable

    【讨论】:

      【解决方案6】:

      自 DataTables 1.10 版本以来,您可以使用以下选项完全禁用排序:

      $('#dataTable').dataTable({
        ordering: false
      });
      

      另见:https://datatables.net/reference/option/ordering

      【讨论】:

        【解决方案7】:

        试试这个,

        在表头标签中设置 data-orderable ="false"

        <table id="orders">
           <thead>
             <tr>
               <th data-orderable="false">ID</th>
               <th>Customer Name</th>
               <th data-orderable="false">Total</th>
               <th>Date</th>
               <th data-orderable="false">Action</th>
             </tr>
           </thead>
        </table>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2019-04-29
          • 1970-01-01
          • 2023-04-08
          • 2011-06-28
          • 2017-06-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多