如何通过点击表头删除该列？
这个问题似乎没有一个明确的思路。但是，有一个可能的解决方法是为每个表头添加一个单击事件处理程序。当用户单击表头时，处理程序可以检索列号，然后从表中删除该列。
以下是一个可能的演示代码片段：
<table>
<thead>
<tr>
<th onclick="deleteColumn(this)">列 1</th>
<th onclick="deleteColumn(this)">列 2</th>
<th onclick="deleteColumn(this)">列 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据 1</td>
<td>数据 2</td>
<td>数据 3</td>
</tr>
<tr>
<td>数据 4</td>
<td>数据 5</td>
<td>数据 6</td>
</tr>
</tbody>
</table>
<script>
function deleteColumn(th) {
const index = th.cellIndex;
const table = th.parentNode.parentNode;
for (let i = 0; i < table.rows.length; i++) {
table.rows[i].deleteCell(index);
}
}
</script>以上就是如何通过点击表头删除该列？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
432
收藏
