我对每列都添加后列宽并未变化
时间: 2024-04-14 09:29:47 浏览: 137
23-15透视表刷新时保持列宽不变.avi
非常抱歉,我之前的回答有误。实际上,对于每列都添加`style`属性设置宽度是不起作用的。
要实现对每列自由设置宽度,你需要使用CSS的`colgroup`和`col`元素来为整个表格列设置宽度。具体操作步骤如下:
1. 在表格开始的地方添加`<colgroup>`标签,并在其中为每列定义一个`<col>`元素。
2. 在每个`<col>`元素中使用`style`属性设置相应列的宽度。
下面是示例代码:
```html
<table>
<colgroup>
<col style="width: 100px;">
<col style="width: 120px;">
<col style="width: 80px;">
<col style="width: 90px;">
<!-- 其他列的宽度设置 -->
</colgroup>
<tr>
<td contenteditable="true"><input type="text" oninput="filterTable(0)" placeholder="工艺膜层"></td>
<td contenteditable="true"><input type="text" oninput="filterTable(1)" placeholder="AOI Step"></td>
<td contenteditable="true"><input type="text" oninput="filterTable(2)" placeholder="不良类型"></td>
<td contenteditable="true"><input type="text" oninput="filterTable(3)" placeholder="Layer(Code)"></td>
<!-- 其他列的内容 -->
</tr>
<!-- 表格的其他行 -->
</table>
```
在上述代码中,我在`<colgroup>`中定义了每列的宽度,并在`<col>`元素的`style`属性中设置了宽度值。这样,每列的宽度就能够根据你的设置进行显示。
请将以上代码应用到你的表格中,并根据需要调整每列的宽度。如果还有其他问题,请随时向我提问。
阅读全文