html单元格宽度不变

Question

我的问题是，我有一个标头和一个html表中的单元格。我需要操纵标题和单元格的宽度。我的CSS代码是

    table th:nth-child(2){
            width: 100px;
    }

    table td:nth-child(2) {
       width: 100px;
   }

但是当我在浏览器中加载页面并执行以下javascript时

v_cel1=document.getElementById("header1");
v_cel2=document.getElementById("cell1");
console.log(v_cel1.clientWidth);
console.log(v_cel2.clientWidth);

浏览器控制台显示：

334

334

我正在使用引导程序4，但是我的表未分配任何类。

Answer 1

您可以尝试在CSS规则中强制！important，如果那不起作用，尝试此操作以在特定表单元格中强制宽度：

   #header1{ width:100px !important}
    #cell1{width:100px !important}

或强制表头中的宽度

table th{
width:100px !important;
}

Answer 2

如果已将with分配给该列的任何单元格，则将像这样。请检查它的来源，然后更改或覆盖它。