我有一个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