通过JavaScript不更新设置HTML表头元素宽度
通过JavaScript不更新设置HTML表头元素宽度
提问于 2018-10-17 09:14:04
我有一个超文本标记语言表格，因为表格标题(<th>)会根据表格数据的宽度(<td>)自动设置它们自己的宽度，所以我尝试将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 Dev工具中看到的那样，但网页上的实际表格不会更新。我试着通过Chrome Dev工具将这些值编辑成像1000px和100%这样的大数字，但是没有效果。我是不是遗漏了什么？
注意:我使用的是Electron，latest，在Windows上是最新的(但我假设这是我的普通HTML代码的问题，与Electron的工作方式无关)。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-17 09:27:44
您可以使用CSS样式在每个“th”中增加10px，设置元素的填充。
<style>
th { padding: 0px 10px; }
</style>如果您的表格设置为100%宽度，并且您增加了所有元素的宽度，则无论您使用多少像素来执行此操作，您都看不到差异。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52845987
复制相关文章
相似问题
腾讯云开发者
