html表格直接给单元格设置最小宽度的js代码

在HTML中，为了给表格单元格设置最小宽度，你可以结合CSS和JavaScript来实现。首先，在HTML里创建表格，并为需要设定最小宽度的列添加`data-min-width`属性作为标记：

<table id="myTable">
  <thead>
    <tr>
      <th data-min-width="100">姓名</th>
      <th data-min-width="200">年龄</th>
      <!-- 更多表头 -->
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>

然后，你可以编写一个简单的JavaScript函数来遍历这些单元格并应用CSS样式：

window.onload = function() {
  var table = document.getElementById('myTable');
  if (table) {
    var headers = table.getElementsByTagName("th");
    for (var i = 0; i < headers.length; i++) {
      var minWidth = parseInt(headers[i].getAttribute("data-min-width"));
      headers[i].style.minWidth = minWidth + "px";
    }
  }
};

这个脚本会在页面加载完成后查找所有带有"data-min-width"属性的表头单元格，并将其最小宽度设置为相应的值。