如何在固定表格布局中设置td的固定宽度

Question

我尝试使用固定的表格布局设置表格中第一个第三个单元格的宽度是不成功的

https://jsfiddle.net/4m5vf9zb/101/

#standings  {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
}
#division00,#division01 {
    display: table-cell;
    vertical-align: middle;
}
.standingslogo {
    display: block;
    max-width: 100%;
    margin:0 auto;
}
th.ficonname{
    width: 400px;
}

Answer 1

使用colgroup元素设置列的宽度。

实施例： https://jsfiddle.net/4m5vf9zb/102/

Answer 2

解决此问题的唯一方法是删除固定布局。

Updated Fiddle

#standings  {
    display: table;
    width: 100%;
    margin: 0 auto;
}

<强>为什么吗

因为在固定布局中，列的宽度由第一行中单元格的度量定义。其他行将被忽略：

From MDN：

  

<强>固定
  表和列宽度由table和col元素的宽度或第一行单元格的宽度设置。后续行中的单元格不会影响列宽。