PrimeNG表的行宽度在rowExpand上发生变化

Question

我使用具有可扩展行的PrimeNG表。但是，当我触发扩展事件时，所有父行宽度减小，如下图所示:

展开前的表

展开后的表

如何在不改变父行宽度的情况下实现行扩展功能?

谢谢

Answer 1

扩展行的colspan属性设置为12，尽管原始表只有10列(我认为colspan与html网格视图有关，因此我将其设置为12)。新手错误，我知道…)

将colspan属性设置为行数，如下所示解决了这个问题。

<ng-template pTemplate="rowexpansion" let-filteredGallery>
<tr>
<td colspan="10">

Answer 2

如果你想绑定一个属性，使用[attr.colspan]="10"

<ng-template pTemplate="rowexpanssion" let-columns> 
<tr>
<td [attr.colspan]="10">
//code
</td>
</tr>
</ng-template> 

这里，colspan不是td元素的属性。Colspan是一个属性。所以我们必须给colspan添加前缀attr，告诉angular它是一个属性。