我有一个要实现的功能,在这个功能中,我从API获取数据,并使用它在一个中显示它,现在我的要求是在其中一个列中显示一个滴答值,相应的行为ex保存一个布尔值。一行有6列,其中一列是布尔值,因此如果值为true,我必须在列中显示tick,否则显示nothing。我希望你能理解这个问题。
我有一个名为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'}
];我已经为延时订单添加了最后一个列定义,因为我想为那些isBackOrder为真的行显示一个刻度标记。有什么办法可以做到这一点吗?因为标准表是一个共享组件,所以我不能在其中做太多更改。任何帮助都将不胜感激!
发布于 2021-10-26 11:59:32
这很简单,我不知道我怎么会错过它,你只需要将数据作为布尔值传递,然后在列定义中只需添加isBoolean:true,p表就会自动在值为true的地方打勾,如果值为false,则为空。
https://stackoverflow.com/questions/69719396
复制相似问题