Question

如何防止primeng turbo table单元格数据与其他单元格重叠，我尝试将[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>

Primeng turbo table细胞数据与其他细胞重叠

1 个答案: