angular - 如何告诉 p-table 使用子字段对某些列进行排序

Question

我有嵌套json这样的数据

users = [ 
{ name: "ABC", 
  age: 11, 
  activity : { date: 11-Aug-2020,
                    title: "some activity",
                    loc: "some loc" }
 phone: "1111" 
}

col定义是这样的

this.colHeadingLists = [
      { colName: 'Name', fieldName: 'name', subFieldName: ''},
      { colName: 'Activity Date', fieldName: 'activity', subFieldName: 'date'},
      { colName: 'Phone', fieldName: 'phone', subFieldName: '', sortable: true }
]

有了这个，我能够正确显示表格数据，但“活动日期”列上的排序无法正常工作 - 基本上它没有考虑“日期”子字段。

这就是在模板中定义列的方式。

                        <th *ngFor="let col of colHeadingLists" id="{{col.fieldName}}"
                            [pSortableColumn]="col.fieldName">

                            <span class="fieldName"></span>{{col.colName}} 
                            <p-sortIcon [field]="col.fieldName"></p-sortIcon>
                        </th>

如何告诉 p 表为某些列使用子字段名称。

谢谢您的帮助

Answer 1

尝试通过添加 onSort 事件并使用 MomentJs 来使用。链接上给出了一个例子。