css 设置 th 宽度,javascript

我有一个html表，可以进行排序，可调整大小/可移动的列以及固定的标题行。 固定的标头导致标头单元格及其对应的内容单元格断开，因此调整

大小不会调整该列中's大小。 作为一种解决方法，我添加了一些代码来在调整大小时手动更改相关元素的内容宽度。 在大多数情况下，它似乎工作正常，但有时列宽仍无法准确对齐。 我使用chrome dev工具在打one之一期间检查了html，尽管和的width样式都相同，但实际宽度(由$(elt).width()返回)比的指定宽度小3px。 有谁知道这可能是什么原因？

编辑：我意识到这仅在我调整列大小以使表的总宽度大于父div时发生。 内容单元格溢出并允许我水平滚动，但是保持其固定宽度并调整一些元素以使其更小以进行补偿。

CSS：

.blotter {

overflow-y: hidden;

overflow-x: auto;

position: relative;

border-left: solid thin silver;

}

.blotter-table {

table-layout: fixed;

margin-bottom: -1px;

}

tbody {

height: 400px;

max-height: 400px;

overflow: auto;

}

thead>tr,tbody {

display: block;

}

td>div {

overflow: hidden;

}

标记：

# TradesList ValuesmgmtIdSize Sum

8,113

4RAJA-SUN null

10,831,124,369

19,048,548