首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >以角度显示<p-table>组件中的图标(primeng-table)

以角度显示<p-table>组件中的图标(primeng-table)
EN

Stack Overflow用户
提问于 2021-10-26 07:54:52
回答 1查看 288关注 0票数 0

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

我有一个名为standardTable.component.ts的共享组件,我向它传递数据,比如colDef、rowData和其他可配置数据。我当前正在进行更改的组件名为job-list-view.component.ts,列定义如下所示

代码语言:javascript
复制
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为真的行显示一个刻度标记。有什么办法可以做到这一点吗?因为标准表是一个共享组件,所以我不能在其中做太多更改。任何帮助都将不胜感激!

EN

回答 1

Stack Overflow用户

发布于 2021-10-26 11:59:32

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69719396

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档