如何禁用 Angular 数据表中数据的初始排序？

Posted 2023-05-07

【中文标题】如何禁用 Angular 数据表中数据的初始排序？

【英文标题】：How to disable initial Ordering of data in Angular Datatables?

【发布时间】：2017-04-05 15:55:57

【问题描述】：

我正在使用角度数据表，我只有一列。

当我绑定它时，数据按升序排列，而我想按我收到的顺序显示它。

有人可以帮忙吗。

控制器：

        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>

【问题讨论】：

***.com/questions/31027497/…

我已经有了他们所说的，我想禁用排序，即升序-降序

【参考方案1】：

看order，原名aaSorting。添加

.withOption('order', [])

到您的dtOptions。 order的默认值为[[0, 'asc']]，设置为[]会阻止dataTables在初始化后对第一列进行初始排序。

【参考方案2】：

已解决

this.dtOptions =
 ajax:,
 columns:[],
 order:[] //<= Use this

这对我有用。我尝试了其他几种方法，但似乎是更好的解决方案。

【参考方案3】：

试试这个

  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