Как отключить начальный порядок данных в 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>

person Devanshi Parikh    schedule 22.11.2016    source источник
comment
stackoverflow.com/questions/31027497/   -  person Vinod Louis    schedule 22.11.2016
comment
У меня уже есть что говорят, хочу отключить упорядочение, т.е. по возрастанию-убыванию   -  person Devanshi Parikh    schedule 22.11.2016


Ответы (3)


Посмотрите на order, ранее известный как aaSorting. Добавлять

.withOption('order', [])

к вашему dtOptions. Значение порядка по умолчанию — [[0, 'asc']], установка его на [] предотвратит первоначальную сортировку dataTables по первому столбцу после инициализации.

person davidkonrad    schedule 22.11.2016

Решено

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

Это сработало для меня. Я пробовал несколько других способов, но, похоже, это лучшее решение.

person jithin john    schedule 16.04.2019

Попробуй это

  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
    }
  }
person Sushil    schedule 12.04.2020