P-table 水平滚动不显示

Question

我的 p-table 中有以下属性：

<p-table
   [columns]="this.templateRows"
   [value]="this.tableData"
   [scrollable]="true"
   scrollHeight="100px"
   scrollWidth="100px"
   scrollDirection="both"
>

但是，水平滚动不起作用，这意味着我的栏都挤在一起，文本重叠。垂直的工作正常。

有人知道我错过了什么吗？

Answer 1

通过更改为此修复：

  <p-table
    [columns]="this.templateRows"
    [value]="this.tableData"
    [resizableColumns]="true"
    [autoLayout]="true"
  >

P-table 水平滚动不显示

P-table Horizontal Scroll Not Displaying

html

scroll

primeng