Html 如何设置素数数据表列的自动匹配?

Html 如何设置素数数据表列的自动匹配?,html,css,angular,primeng-datatable,Html,Css,Angular,Primeng Datatable,我想让prime ng数据表列设置为自动适应并重新调整大小。因此,我在两个css类中解决了这个问题。ui datatable table和.ui DataTableWrapper。我使用了以下代码。 更改了SCSS集合表格布局:自动!重要的; .html 您需要在标记中使用下面定义的两个属性[ResizeableColumns]=“true”[autoLayout]=“true” <p-table [resizableColumns]="true" [autoLayout]="true"&

我想让prime ng数据表列设置为自动适应并重新调整大小。因此,我在两个css类中解决了这个问题。ui datatable table和.ui DataTableWrapper。我使用了以下代码。 更改了SCSS集合表格布局:自动!重要的; .html


您需要在
标记中使用下面定义的两个属性[ResizeableColumns]=“true”[autoLayout]=“true”

<p-table [resizableColumns]="true" [autoLayout]="true">
您需要更改表格布局属性,为此,您需要使用[autoLayout]=“true”。 还有另一种方法,您可以通过使用:host来覆盖它,但我不推荐使用它,因为autoLayout已经可以使用了

要调整大小,您需要在标记中使用[ResizeableColumns]=“true”

对于滚动,您需要在标记中使用[scrollable]=“true”scrollHeight=“300px”

使用跟随内联css

table-layout: fixed;

这是什么问题?看到了我一生中的第一个问题,这个问题在提问的同时得到了回答。我已经添加了这个问题,并回答了其他人的帮助谢谢你分享这个想法,尼廷。谢谢,这是我一直在寻找的,但溢出:汽车不工作
<p-table [resizableColumns]="true" [autoLayout]="true">
.ui-table table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
table-layout: fixed;