Html 打底台未采用固定的角度宽度

我试图修复priming表中第一列的宽度，但不知何故，它覆盖了我的CSS，即使它是在检查元素时显示的

基本上，我正在寻找CSS，通过更改选项卡，表的第一列将具有固定的宽度，无论所有列的大小如何

我试着用下面的方法为第一个孩子定义固定宽度，但它是基于宽度的：100%

在上图中，您可以看到大小为368，即使定义为100px

当我改变标签时，宽度是920，即使100px是固定的

有没有什么方法可以定义固定宽度100px和表宽：100%，因为我不想破坏响应性

以下是可复制的参考示例：

---

我认为问题在于您对

th

元素的选择有点不正确。你有：

：ng deep.p-datatable.p-datatable-tbody>tr>th:n子级（1）{

但是您只需要使用

.p-datatable-thead

而不是

.p-datatable-tbody

：

：ng deep.p-datatable.p-datatable-thead>tr>th:n子级（1）{

这应该可以修复。删除所有th元素的修复。 将此添加到您的style.css

.p-datatable .p-datatable-thead > tr > th {
    width: inherit !important;
}

---

我已经在我的一个项目中找到了所需的解决方案

您应该执行以下步骤：

设置所需列的宽度

根据“水平滚动”部分中的“启动”设置水平滚动：

水平滚动： 在水平滚动中，需要为列指定固定的宽度。通常，在自定义可滚动表的列宽时，请按如下所示使用colgroup，以避免出现不对齐问题，因为它将同时应用内部不同的独立元素的页眉、正文和页脚部分

这是一个活动表，只包括第一列的固定大小和一个响应表

---

这是唯一的解决方案（为表格设置固定大小）因为如果你在移动设备中将宽度设置为100%，可能不是所有列都会显示或重叠，从而破坏响应。

HI MikeJ，谢谢你的回答，但列的大小仍在固定。你可以在这里检查，@Bravo，你希望第一列固定为100px，对吗？你的StackBlitz正在进行正是这样……在Mac上的Chrome中。如果单击“更改”选项卡并添加一行，则宽度会发生更改。因此，如果表中的列数较少，则宽度不会固定。我明白了。看起来第二列的宽度也在设置中（设置为200px）。如果删除该设置并允许该列占用表的剩余宽度，则将使用第一列的宽度设置。如果所有列宽设置的总和不等于整个表的宽度，则该表将无法使用所有列宽设置，因此将强制计算覆盖整个表宽的列宽。这是一种破坏柱状物相互重叠