如何在ng zorro antd表中实现排序和过滤

Question

如何在ng zorro antd表中实现排序和过滤。 我在应用程序中使用ng zorro antd表。由于表列和表数据是动态的，因此我无法实现过滤器和排序器。 请参见下面的代码。

 <nz-table 
                                    #rowSelectionTable
                                    [nzData]="data"
                                    [nzPageSize] = 20
                                    (nzCurrentPageDataChange)="currentPageDataChange($event)"
                                    (nzPageIndexChange)="refreshStatus($event)"
                                    (nzPageSizeChange)="refreshStatus($event)">
                                    <thead>
                                      <tr>
                                        <th nzShowSort nzShowFilter 
                                        [nzFilters]="tradeCodeList" (nzFilterChange)="search($event,searchAddressList)"
                                        *ngFor = "let col of transDataCols; let i = index">{{col}}</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr *ngFor="let data of rowSelectionTable.data">
                                        <td *ngFor = "let item of transDataCols">{{data[item]}}</td>
                                      </tr>
                                    </tbody>
                                  </nz-table>

plesae让我知道了，怎么也实现

Answer 1

您可以通过以下设置来做到这一点：             nzShowSort             nzSortKey =“ {{col}}”             nzShowFilter