首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >DataTables更改列的顺序

问DataTables更改列的顺序
EN

Stack Overflow用户
提问于 2018-11-12 01:19:20
回答 3查看 1.4K关注 0票数 1

我正在打印带有datatable列的表和我的订单,但是数据表更改了顺序,我可以做些什么来中止它。

我的代码

代码语言:javascript
复制
                        $(document).ready( function () {
                                    $('#example').DataTable();
                                } );
                            </script>
EN

回答 3

Stack Overflow用户

发布于 2018-11-12 01:29:48

如果你想全局禁用排序,你可以使用下面的代码:

代码语言:javascript
复制
$(document).ready(function() {
    $('#dTable').dataTable( 
         {
         "bSort" : false
         } 
    );
});

或者,如果您想要将默认排序列设置回它在后端中的状态:

代码语言:javascript
复制
$(document).ready(function() {
     $('#dTable').DataTable( {
          "order": [[ 3, "desc" ]]
      } );
    );
});
票数 2
EN

Stack Overflow用户

发布于 2018-11-12 01:57:53

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

​

代码语言:javascript
复制
$(function(){
    $("#example").dataTable({
      "bSort" : false
    });
  })
代码语言:javascript
复制
<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>

​

希望它能帮助你解决问题

票数 0
EN

Stack Overflow用户

发布于 2021-01-10 02:35:40

代码语言:javascript
复制
$(document).ready( function () {
  $('#example').DataTable({
   ...,
   order: [0, 'asc'],
   ...
   });
} );

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

你就完了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53251233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档