【Angular】PrimeNG table 如何实现相同内容的行合并成一行?

clipboard.png
如图所示,第一个就是很多个相同的行合并成为一行了。
但是,第二列的行就不行了。

<p-dataTable #dt [value]="tableData" emptyMessage="没有记录" resizableColumns="true" [lazy]="true"
                 columnResizeMode="expand" [scrollable]="true" scrollWidth="100%" (onLazyLoad)="onLazyLoad($event,dt)"
                 styleClass="app-column-content-center" [(selection)]="selectMachineModel"
                 rowGroupMode="rowspan" sortField="companyName">
      <p-column field="companyName" [rowspan]="1" header="物业公司" [style]="{width: '100px',overflow:'auto'}"></p-column>
      <p-column field="projectName" [rowspan]="1" header="物业项目" [style]="{width: '120px',overflow:'auto'}"></p-column>
    </p-dataTable>

第一列之所以能实现,是因为我在p-dataTable加了rowGroupMode="rowspan" sortField="companyName"
但是,这个属性不支持多个行使用...

我现在想要第二列的也像第一列一样,求破~

阅读 5k
1 个回答

目前找不到...将就着用吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题