Javascript 更改表格列宽

我正在使用react库在以下模板中构造表：

    <div class="table-container" style="width:100%">
    <table style="width:100%">
        <thead>
            <tr>
                <th>BLA_Column</th>
            </tr>
        </thead>
    </table>
    <table style="width:100%">
        <tbody>
            <tr>
                <td>BLA_Body</td>
            </tr>
        </tbody>
    </table>
</div>

另外，当我尝试使用chrome开发工具直接更改宽度时，根本没有任何更改

---

谢谢你

CSS字符>仅选择直接子项。使用以下内容更改您的CSS：

table > thead th {
    width: 100px;
}

或

---

也许您可以考虑将表更改为CSS Flex对象，或者表容器认为您在CSS选择器表中有错误。th不是THADI的直接后代>，我认为问题在于表格宽度：100%-th是显示：表格单元格-将其更改为其他值，如内联块。请参见此处->

table > thead th {
    width: 100px;
}

table > thead > tr > th {
    width: 100px;
}