通过JavaScript设置HTML表头元素的宽度不更新

Question

我有一个HTML表格，由于表格标题（<th>）会根据表格数据（<td>的宽度自动设置自己的宽度，因此我尝试添加{{1} }设置为任何值。

10px

记录我的开始和结束宽度可以正常工作，一切正常（即：Array.from(document.getElementsByTagName("th")).forEach(th => { th.style.width = `${parseInt(window.getComputedStyle(th).getPropertyValue("width").split("px")[0]) + 10}px`; }); 至"14px"），确实可以设置这些值，如Chrome开发工具中所示，但实际表位于该网页不会更新。我尝试通过Chrome开发工具将值编辑为"24px"和1000px之类的大数字，但这无济于事。我想念什么吗？

注意：我在Windows上使用的是最新的Electron，最新的（但是我认为这是我的一般HTML代码存在的问题，与Electron的工作方式无关）

Answer 1

您可以使用CSS样式在每个“ th”中增加10px，设置元素的填充。

<style>
th { padding: 0px 10px; }
</style>

---

如果表格的宽度设置为100％，并且增加了所有元素的宽度，则无论使用多少像素，都不会看到差异。