<p-table> 在角度组件中显示图标(素数表)



我有一个要实现的功能,我从API获取数据,并使用它在,现在我的要求是在其中一列中显示一个tick值,对应的行为其保存布尔值。例如,一行有6列,其中一列是布尔值,所以如果值为true,我必须在列中显示tick,否则不显示tick。我希望你能理解这个问题。

我有一个名为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'}
];

我添加了BackOrder的最后一列定义,因为我想为那些isBackOrder为true的行的值显示一个勾号。我有办法做到这一点吗?由于标准表是一个共享组件,我不能在这方面做太多更改。任何帮助都将不胜感激!

所以很简单,我不知道我怎么错过了它,你只需要将数据作为布尔值传递,然后在列定义中添加isBoolean:true,p表将自动在值为true的地方打勾,如果为false,则为空。

相关内容

  • 没有找到相关文章

最新更新