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

我有一个HTML表格，由于表格标题会根据表格数据的宽度自动设置它们自己的宽度，所以我尝试将10px添加到它设置的任何值上

Array.from(document.getElementsByTagName("th")).forEach(th => {
    th.style.width = `${parseInt(window.getComputedStyle(th).getPropertyValue("width").split("px")[0]) + 10}px`;
});

记录我的开始和结束宽度工作正常，一切正常，即：14px到24px，值确实设置好了，正如在Chrome开发工具中看到的，但是网页上的实际表格没有更新。我试着通过Chrome开发工具将这些值编辑成像1000px和100%这样的大数字，但没有任何效果。我错过什么了吗

---

注意：我在Windows上使用Electron，latest，但我认为这是我的通用HTML代码的问题，与Electron的工作方式无关。

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

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

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

表格布局：修复帮助吗？