0

我有一个要实现的功能，我从 API 获取数据并使用它在 a 中显示它，现在我的要求是在相应行包含布尔值的列之一中显示一个刻度值前任。一行有 6 列，其中一列是布尔值，所以如果值为 true，我必须在列中显示刻度，否则不显示。我希望你明白这个问题。

我有一个名为 standardTable.component.ts 的共享组件，我将 colDef、rowData 和其他可配置数据等数据传递给该组件。我当前正在更改的组件称为 job-list-view.component.ts 列定义如下

this.cols = [
      { field: 'jobSegment', header: 'Service No', isBoolean: false, callback: this.navigateToJobDetails },
      { field: 'serviceName', header: 'Service' },
      { field: 'status', header: 'Status', isBoolean: false },
      { field: 'jobDateSpecial', header: 'Service Date', isBoolean: false, dateOnly: true },
      { field: 'orderDate', header: 'Order Date', isBoolean: false , dateOnly: true },
      { field: 'dueDate', header: 'Due Date', isBoolean: false, dateOnly: true},
      { field: 'witnessNames', header: 'Witness(es)', isBoolean: false, isArray: true  },
      { field: 'jobPriority', header: 'Priority', isHtml: true },
      { field: 'lastInvoiceDate', header: 'Last Invoice Date', callback: this.navigateToPayTab, dateOnly: true },
      { field: 'workOrderOrderedByClient', header: 'Hiring Company', isBoolean: false },
      { field: 'workOrderOrderedByContact', header: 'Hiring Contact', isBoolean: false },
      { field: 'witnessStartTimeWithTimeZone', header: 'Time', isBoolean: false },
      { field: 'caseName', header: 'Case Name', isBoolean: false},
      { field: 'isBackOrder', header:'Back Order'}
    ];

我已经为 Back Order 添加了最后一个 col 定义，因为我想为那些 isBackOrder 为 true 的行的值显示一个刻度线。有没有办法我可以做到这一点？由于标准表是一个共享组件，因此我无法对此进行太多更改。任何帮助，将不胜感激！

4

1 回答 1

0

所以这很简单，我不知道我是怎么错过的，您只需将数据作为布尔值传递，然后在列定义中添加 isBoolean:true ，p-table 将自动在值所在的位置打勾如果为真，则为空。

于 2021-10-26T11:59:31.877 回答