【问题标题】:How to disable initial Ordering of data in Angular Datatables?如何禁用 Angular 数据表中数据的初始排序?
【发布时间】: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>

【问题讨论】:

标签: javascript angularjs datatables angular-datatables


【解决方案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
          }
        }
      

      【讨论】:

        猜你喜欢
        • 2015-02-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-04-11
        • 2014-05-28
        • 2015-08-25
        • 2011-07-13
        相关资源
        最近更新 更多