Как отсортировать Столбец, когда данные представляют собой ячейку, визуализирующую компонент Angular 6

Question

Я использую Ag-grid, чтобы попытаться получить некоторые данные на экране красиво и аккуратно и хорошо организовано, для одного из моих столбцов я настроил его так, чтобы во всех ячейках отображался компонент, a spanи div.

Ag-сетка живет в модале, и когда она открывается, я использую

this.gridColumnApi.getColumn('value').setSort("desc");

, чтобы установить сортировку по убыванию, чтобы она выходилакак я планировал.Теперь Компонент в каждой ячейке выглядит следующим образом.

<div class="d-flex">
  <span>{{status}}</span>
<div class="data-block"
     [class.example1]="status === 'exampleValue1'"
     [class.example2]="status === 'exampleValue2'"
     [class.example3]="status === 'exampleValue3'"
     [class.example4]="status === 'exampleValue4'">
</div>

Мне все еще нужно отсортировать по текстовому значению, но я не уверен, как, так как теперь функция сортировки не работает.

Я пытался вызвать функции setSort в API, но не могу понять, как достичь требуемого результата.Любой способ, которым людям удалось отсортировать компоненты, отображаемые в ячейках, был бы потрясающим.

Answer 1

Для достижения ожидаемого результата используйте нижеприведенную опцию использования метода setSortModel вместо setSort

const defaultSortModel = [
            {colId: "value", sort: "asc"},
        ];

this.gridOptions.api.setSortModel(defaultSortModel);