javascript - 当数据是渲染组件Angular 6的单元格时如何对列进行排序

Question

我正在使用 Ag-grid 尝试在屏幕上显示一些漂亮、整洁且组织良好的数据，对于我的其中一个列，我将其设置为所有单元格都有一个呈现的组件， span 和 div。

Ag-grid 存在于一个模态中，当它打开时我正在使用

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>

我仍然需要按文本值排序，但不确定如何排序，因为现在排序功能不起作用。

我尝试在 API 上调用 setSort 函数，但无法弄清楚如何实现所需的结果。任何关于人们如何设法对单元渲染组件进行排序的方法都会很棒。

Answer 1

要达到预期结果，请使用以下选项，使用 setSortModel 方法而不是 setSort

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

this.gridOptions.api.setSortModel(defaultSortModel);