无法更改第th个宽度

Question

无法更改“ th”的宽度。 带有“ setWidth”类的表头将忽略给定的宽度。

我希望在渲染表之后和之前进行更改，到目前为止还没有成功。查看了数十个溢出主题。 还想知道为什么即使我将其作为CSS属性手动尝试，渲染后仍无法更改，这是我所不知道的。

table, tr, th, td {
	border: 1px solid black;
}

table {
	width: 900px;
}

.setWidth{
	width: 10px
}

<table>
        <tr>
            <th rowspan="3">Brand</th>
            <th colspan="4">Sale Rate</th>
        </tr>
        <tr>
            <th colspan="2">Sales</th>
            <th colspan="2">Profits</th>
        </tr>
        <tr>
            <th>Last Year</th>
            <th class="setWidth">This Year</th>
            <th>Last Year</th>
            <th>This Year</th>
        </tr>
        <tr>
            <td>{{sale.brand}}</td>
            <td>{{sale.lastYearSale}}</td>
            <td>{{sale.thisYearSale}}</td>
            <td>{{sale.lastYearProfit}}</td>
            <td>{{sale.thisYearProfit}}</td>
        </tr>
        <tr>
            <td colspan="3">Totals</td>
            <td>$506,202</td>
            <td>$531,020</td>
        </tr>
</table>