我有一个超文本标记语言表格,因为表格标题(<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的工作方式无关)。
发布于 2018-10-17 09:27:44
您可以使用CSS样式在每个“th”中增加10px,设置元素的填充。
<style>
th { padding: 0px 10px; }
</style>
如果您的表格设置为100%宽度,并且您增加了所有元素的宽度,则无论您使用多少像素来执行此操作,您都看不到差异。
https://stackoverflow.com/questions/52845987
复制相似问题