javascript - HTML/CSS：出现滚动条时获取不同的 offsetWidth 值

Question

我已经使用简单的 JS 逻辑实现了自己的固定头表（由于某些限制，不能使用纯 CSS）：

创建了两个表。一个用于标题（它不会有滚动条）

一个用于表体（它具有自动溢出）

我没有明确提到列的宽度，因为我想根据数据获得动态列宽。

我使用以下代码获取列的宽度：

 var col1 = document.getElementById("column1").offsetWidth;

并将此宽度应用于标题列。

但是当滚动条出现在表格上时（因为表格的高度是固定的），那么 offsetWidth 返回的值与实际值不同，并且标题和正文会发生错位。

我也试过 parentWidth 。但是再次没有正确获得宽度。

出现滚动时有什么方法可以正确获取列的宽度？

标签： javascripthtmlcss