单元格渲染器设置列宽

<table style="width: 100%; table-layout: fixed;">
  <tr>
    <th style="width: 200px;">Name</th>
    <th style="width: 150px;">Age</th>
    <th style="width: 100px;">Gender</th>
  </tr>
</table>

var table = document.getElementById("table");
var colWidths = new Array(3);
colWidths[0] = "200px";
colWidths[1] = "150px";
colWidths[2] = "100px";
table.style.tableLayout = "fixed";
table.style.width = "100%";
for (var i = 0; i < table.rows.length; i++) {
  var row = table.rows[i];
  for (var j = 0; j < row.cells.length; j++) {
    var cell = row.cells[j];
    cell.style.width = colWidths[j];
  }
}