DataTables 更改列的顺序答案

【问题标题】：DataTables Change the order of columnsDataTables 更改列的顺序
【发布时间】：2018-11-11 17:19:19
【问题描述】：

我正在使用我的订单打印到带有数据表列的表格，但是数据表改变了订单，我该怎么做才能中止它。

我的代码

                        $(document).ready( function () {
                                    $('#example').DataTable();
                                } );
                            </script>

【问题讨论】：

显示的代码不会改变任何列的顺序。提供一个 runnable minimal reproducible example 重现问题

标签： javascript jquery datatable datatables

【解决方案1】：

如果要全局禁用排序，可以使用以下代码：

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

或者，如果您想将默认排序列设置回后端：

$(document).ready(function() {
     $('#dTable').DataTable( {
          "order": [[ 3, "desc" ]]
      } );
    );
});

【讨论】：

【解决方案2】：

这是解决您问题的有效解决方案，使用 DataTables 插件的 bsort 属性禁用默认排序

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">

<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>

<table id="example">
    <thead>
      <tr><th>Sites</th></tr>
    </thead>
    <tbody>
      <tr><td>SitePoint</td></tr>
      <tr><td>Learnable</td></tr>
      <tr><td>Flippa</td></tr>
    </tbody>
  </table>

希望它能帮助您解决问题

【讨论】：

【解决方案3】：

$(document).ready( function () {
  $('#example').DataTable({
   ...,
   order: [0, 'asc'],
   ...
   });
} );

或通过放置“desc”而不是“asc”来排列降序列表。键“order”分配的数组中的第一个值是列索引。对于您可能的第一列“id”，它是 0。

你就完成了。

【讨论】：