colgroup col width 属性现在已被弃用，是否还有其他替代方法？

Question

MDN page on colgroup表示不推荐使用col width，但是当涉及colspan时我还没有找到替代方案，您需要指定“colspanned”列的宽度。

下面是一个相当简单的片段来说明这个问题，table 具有三列和两行。中间列永远不会用“td”元素显式显示。

有了colgroup，就可以指定它的宽度，然后就万事大吉了。没有 colgroup，HTML 渲染引擎无法求解方程，并且列宽渲染不正确。

  table {
    border-collapse: collapse;
  }
  .w100 { width: 100px; background-color: red }
  .w200 { width: 200px; background-color: green }

<!DOCTYPE html>
<html>
<body>
With colgroups  
<table>
  <colgroup>
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
  </colgroup>
  <tbody>
    <tr>
      <td class="w100">A
      <td class="w200" colspan="2">B
    <tr>
      <td class="w200" colspan="2">C
      <td class="w100">D
  </tbody>
</table>
    
<p></p>

No colgroups    
<table>
  <tbody>
    <tr>
      <td class="w100">A
      <td class="w200" colspan="2">B
    <tr>
      <td class="w200" colspan="2">C
      <td class="w100">D
  </tbody>
</table>
    
</body>
</html>

Answer 1

官方的解决方案是在CSS.

中使用:nth-child

.table_8 td:nth-child(1) {
    text-align: right;
    width: 32px;
}

但这很不切实际！在我看来，col width 应该被弃用。据我所知，所有浏览器都支持它。 https://caniuse.com/?search=col%20width

colgroup col width 属性现在已被弃用，是否还有其他替代方法？

Is there any alternative to colgroup col width attribute now it has been deprecated?

css

html-table

col