angular - PrimeNG 表格行宽在 rowExpand 上的变化

Question

我正在使用带有可扩展行的 PrimeNG 表。但是，当我触发展开事件时，所有父行的宽度都会减小，如下图所示：

展开前的表格

展开后的表

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

谢谢

标签： angularprimengprimeng-datatable

Answer 1

如果要绑定到属性，请使用 [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 它是一个属性。