Html 使用自定义宽度为TurboTable涂底漆无法正常工作

我正在尝试使用自定义大小（500px）的打底，我希望列宽自动设置，但它不起作用。我得到一个水平滚动条，总宽度似乎固定在767像素。如果我尝试手动设置列宽，它将被忽略。如果我不设置表格宽度，并尝试将其放入一个500像素宽的DIV中，我仍然会得到相同的结果（水平滚动条）

下面是（非常简单的）代码：

状态变化
表中没有数据
日期
地位
用户ID
{{col.date}}
{{col.status}}
{{col.userId}

这就是它看起来的样子：

正如您可以看到的那样，页眉和分页器都与我设置的宽度（500px）有关，但表格的主体不相关

我已经尝试了在堆栈溢出中找到的所有建议，包括设置 这样的样式：

[style]=“{'width'：'200px'}

或使用

[autoLayout]=“true”

但似乎没有任何效果。我使用的是primeNG 7.0.0

---

另外，我真的不想手动设置每个列宽。我只是不想要水平滚动条。

我从上面复制了您的代码，并将其粘贴到一个新项目中进行测试。我甚至专门指定了Priming的7.0.0版本，以确保不同版本没有任何问题。（当我使用Priming时，我发现情况就是这样。）我还编造了一些数据来显示

我没有看到您所讨论的问题。下面是我生成的网格的样子（忽略Stackblitz没有找到

primeicons

）

它保持了完美的500px宽，所有列都遵守您在标题行（

标记）中指定的固定宽度。当我删除您在

标记中提供的固定宽度时，所有列都自动调整并适合500px表

我将此表放在自己的组件中，它没有包装在

或任何其他标记中。您可以在上面提供的Stackblitz链接上查看它

---

我想知道页面的其余部分是否存在导致问题的原因？

如果有人遇到类似问题，请尝试将表的最小宽度设置为0：

::ng-deep .ui-table .ui-table-wrapper table {
    min-width: 0px;
}

---

您是否尝试将所有表格放在一个div中，位置：relative；宽度：50%；，然后将表格的宽度设置为100%。您是对的，问题不在于素数表格，有人在一个父css文件中为

.ui表格

定义了最小宽度。感谢您帮助我了解p的根本原因问题。另外，如果有人想在特定宽度下自动显示水平滚动条，则将最小宽度设置为px的特定值

::ng-deep .ui-table .ui-table-wrapper table {
    min-width: 0px;
}