现在已经弃用了colgroup _ col _ width属性，有没有其他方法可以替代它呢？

<div class="table">
  <div class="row">
    <div class="cell" style="flex: 1;">Column 1</div>
    <div class="cell" style="flex: 2;">Column 2</div>
    <div class="cell" style="flex: 1;">Column 3</div>
  </div>
</div>

.table {
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;
}

.cell {
  border: 1px solid black;
  padding: 10px;
}

<div class="table">
  <div class="row">
    <div class="cell">Column 1</div>
    <div class="cell">Column 2</div>
    <div class="cell">Column 3</div>
  </div>
</div>

.table {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* 1 part, 2 parts, 1 part */
}

.cell {
  border: 1px solid black;
  padding: 10px;
}

<table style="width: 100%; table-layout: fixed;">
  <tr>
    <td style="width: 33%;">Column 1</td>
    <td style="width: 67%;">Column 2</td>
  </tr>
</table>

<div id="table">
  <div class="row">
    <div class="cell" id="cell1">Column 1</div>
    <div class="cell" id="cell2">Column 2</div>
    <div class="cell" id="cell3">Column 3</div>
  </div>
</div>

document.getElementById('cell1').style.width = '33%';
document.getElementById('cell2').style.width = '67%';