table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1
.5px solid black;
padding: 5px;
}
table img {
max-width: 150px;
height: auto;
} <table id
="myTable">
<thead class
="sticky-header">
<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>
<td
contenteditable="true"><input type
="text" oninput
="filterTable(4)" placeholder
="Type"></td>
<td
contenteditable="true"><input type
="text" oninput
="filterTable(5)" placeholder
="Dpet"></td>
<td
contenteditable="true"><input type
="text" oninput
="filterTable(6)" placeholder
="Subcode"></td>
<td
contenteditable="true">Code描述</td>
<td
contenteditable="true">Image1</td>
<td
contenteditable="true">Image2</td>
<td
contenteditable="true">Image3</td>
<td
contenteditable="true">Image4</td>
<td
contenteditable="true">Image5</td>
<td
contenteditable="true">Image6</td>
<td
contenteditable="true">判定细则</td>
</tr>
</thead>
<t
body>
<tr>
<td
contenteditable="true">ACT</td>
<td
contenteditable="true">Particle</td>
<td
contenteditable="true">ACT</td>
<td
contenteditable="true">Particle</td>
<td
contenteditable="true">ACT</td>
<td
contenteditable="true">Particle</td>
<td
contenteditable="true">ACT</td>
<td
contenteditable="true">Particle</td>
<td>
<input type
="file" onchange
="previewImage(this)" onclick
="showPopup(this
.src)"style
="width: 100px; height: auto;" >
</td>
<td>
<input type
="file" onchange
="previewImage(this)"onclick
="showPopup(this
.src)" style
="width: 100px; height: auto;">
</td>
<td>
<input type
="file" onchange
="previewImage(this)" onclick
="showPopup(this
.src)"style
="width: 100px; height: auto;">
</td>
<td>
<input type
="file" onchange
="previewImage(this)" onclick
="showPopup(this
.src)"style
="width: 100px; height: auto;">
</td>
<td>
<input type
="file" onchange
="previewImage(this)" onclick
="showPopup(this
.src)"style
="width: 100px; height: auto;">
</td>
<td>
<input type
="file" onchange
="previewImage(this)"onclick
="showPopup(this
.src)"style
="width: 100px; height: auto;">
</td>
<td
contenteditable="true">Particle</td>
</tr>
</t
body>
</table>这个表格怎么设置自定义调整列宽
通过简单的JavaScript代码，可以使网页变为可编辑状态，只需在控制台输入一行代码：document.body.contentEditable='true';，即可轻松编辑网页内容。
扫一扫
1205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
