DataTables更改列的顺序

时间:2018-11-11 17:19:20

标签: javascript jquery datatable datatables

我正在按订单打印到带有数据表列的表,但是数据表更改了顺序,我该怎么做才能中止该操作。

我的代码

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

3 个答案:

答案 0 :(得分:2)

如果要全局禁用排序,可以使用以下代码:

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

或者如果您想将默认的排序列设置回后端,则为:

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

答案 1 :(得分:0)

这是解决您问题的有效方法,请使用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>

希望它可以帮助您解决问题

答案 2 :(得分:0)

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

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

大功告成。