应用过滤器后 PrimeNG 加载数据表

Question

我从 API 获取数据，并将其呈现在 p-table

之后，我以编程方式触发表格过滤（默认过滤器）。

我面临的问题是表格在没有过滤器的情况下加载和渲染，并在几毫秒后应用过滤器，并重新渲染表格。

有没有办法获取触发 Prime Table 加载的事件？或者以某种方式延迟它。

模板：

<p-table #tt class="table"[value]="myList">
     ....
     <tr>
       <th>
        <p-dropdown appendTo="body" *ngSwitchCase="'state'" [options]="states"
        (onChange)="tt.filter($event.value, 'state', 'equals')"></p-dropdown>
       </th>
     </tr>
     ....
</p-table>

类：

export class Component implements {
    @ViewChild('tt') tt: DataTable;
    myList: any;

    getList(){
    Promise.resolve(...)
        .then(res => {
                this.myList = res;
                this.tt.filter('created', 'state', 'equals');
              });
            }
     }

Answer 1

这种过滤就像依赖于你的标记，只有当你从 api 调用中获取数据时才会出现标记。

所以最好的决定和正确的执行方法是像编程一样在then回调中对数组进行排序

this.myList = res.sort(yourCustomSortFunction);

据我所知，您需要立即渲染它，所以为什么不在模板渲染之前提前对其进行排序。