Как реализовать сортировщик и фильтр в таблице ng zorro и antd

Question

Как реализовать сортировщик и фильтр в таблице NG ZORRO AND. Я использую таблицу 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

Вы можете сделать это с помощью следующих настроек в вашем th: nzShowSort nzSortKey="{{col}}" nzShowFilter