如何在Angular Datatables中禁用数据的初始排序?

3

我正在使用Angular DataTables,只有一列数据。

当我绑定数据时,它以升序方式显示,但我想按照我接收到的顺序显示它。

有人可以帮忙吗?

控制器:

        var vm = this;
        vm.dtOptions = DTOptionsBuilder.newOptions()
        .withButtons([
            'print',
            'pdfHtml5',

        ]);
        vm.dtColumnDefs = [
            DTColumnDefBuilder.newColumnDef(0).notSortable()
        ];

HTML:

  <div ng-controller="formViewController as frmView">
    <table datatable="ng" dt-options="frmView.dtOptions" dt-column-defs="frmView.dtColumnDefs" class="row-border hover">
        <thead>
            <tr>
                <td>
                    {{Title}}
                </td>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="plugin in newArray track by $index">
                <td>
                    //Content
                </td>
            </tr>
        </tbody>
    </table>
</div>

3
在AngularJS中,如何禁用特定列的排序功能? - Vinod Louis
我已经拥有他们所说的内容,我想禁用排序,即升序-降序。 - Devanshi Parikh
3个回答

13

看看order,曾经被称为aaSorting。添加

.withOption('order', [])

设置dtOptions参数中的order属性。默认值为[[0,'asc']],将其设置为[]将防止DataTables在初始化后对第一列进行初始排序。


2
"Resolved" 翻译成中文是 "已解决",即问题已经得到解决。
this.dtOptions ={
 ajax:{},
 columns:[],
 order:[] //<= Use this
}

这个对我有用。我尝试了几种其他方法,但这似乎是更好的解决方案。翻译成中文为:"这个方法对我有效。我尝试了其他几种方法,但这个似乎是更好的解决方案。"

2

试一下

  dtOptions: DataTables.Settings = {};

  ngOnInit() {
    // table settings
    this.dtOptions = {
      pagingType: 'full_numbers',
      pageLength: 10,
      retrieve: true,
      order:[[0, 'desc']]   // '0' is the table column(1st column) and 'desc' is the sorting order
    }
  }

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接