html - Primeng turbo 表格单元格数据与其他单元格重叠

Question

如何防止primeng turbo表单元格数据与其他单元格重叠，我尝试添加 -[style]=" {'overflow':'hidden' }"到 :和<tr>，但这些元素都没有解决重叠问题..有人知道如何解决这个问题吗？<td><div>

Answer 1

将 class="ui-resizable-column" 添加到每一列和每一行。它可以防止来自其他单元格的数据重叠到其中（而不是重叠到其他行），这就是为什么在下面的示例中，即使复选框也有它。

例子：

这将使列标题不重叠：

<th *ngFor="let col of columns" class="ui-resizable-column">
</th>
<th style="width: 2.25em" class="ui-resizable-column">
  <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
</th>

然后你对行做同样的事情：

<td *ngFor="let col of columns" class="ui-resizable-column">
</td>
<td class="ui-resizable-column">
  <p-tableCheckbox [value]="selectedrow"></p-tableCheckbox>
</td>