当数据是呈现组件的单元格时如何对列进行排序 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);

当数据是呈现组件的单元格时如何对列进行排序 Angular 6

How to sort Column when data is cell rendering a component Angular 6

javascript

ag-grid

angular