在ngx-datable中对列进行重新排序。

Question

我有2个要求。第一个要求是用动态列显示表格。我能够实现这个要求。第二个需求是允许用户重新排列列的顺序，并将其保存为他们的偏好，以便下次登录时，他们可以看到他们之前保存的列的顺序。

这里的问题是，我的一些列有一些额外的逻辑。例如：SerialNumber列有一个逻辑，它必须是一个锚标签，点击相同的标签，将导航用户到所选记录的详细信息。状态列有一个逻辑，如果它的值等于某个东西，就会设置一个图标。

11个列中有3个列有这样的逻辑，而其他8个列只是简单的显示值。

我如何实现静态列（用ngx-datable-column创建）和动态列的重新排序。

举个例子，我有2个需求。

Dynamic Columns

<ngx-datatable-column *ngFor="let col of dynamicColumns" [prop]="col.Name" [minWidth]="130" [sortable]="true ">
  <ng-template let-value="value " let-row="row" ngx-datatable-cell-template>
      <label> {{ row[col.Name] | UTCToLocalTime }} </label>
  </ng-template>
</ngx-datatable-column>

Static Columns:

<ngx-datatable-column prop="TicketNumber" [minWidth]="145" [sortable]="true " [cellClass]="IsSLABreach">
  <ng-template let-value="value " let-row="row " ngx-datatable-cell-template>
      <a (click)="displayTicketDetails(row.TicketId) " class="ticketNumberValue" style="cursor: pointer ">
                    {{ value }}
      </a>
   </ng-template>
</ngx-datatable-column>