html5表格纵向滚动条,css–如何向HTML5表格添加滚动条？如果您有标题到您的表列，并且您不想滚动这些标题，那么此解决⽅案可以帮助您：
这个解决⽅案需要在table元素中包含ad和tbody标签。
table.tableSection {
display: table;
width: 100%;
}
table.tableSection thead,table.tableSection tbody {
float: left;
width: 100%;
html横向滚动条样式}
table.tableSection tbody {
overflow: auto;
height: 150px;
}
table.tableSection tr {
width: 100%;
display: table;
text-align: left;
}
table.tableSection th,table.tableSection td {
width: 33%;
}
注意：如果您确定垂直滚动条始终存在，则可以使⽤css3 calc属性使thead单元格与tbody单元格对齐。
table.tableSection thead {
padding-right:18px; /* 18px is approx. value of width of scroll bar */
width: calc(100% - 18px);
}
你可以通过使⽤javascript检测滚动条的存在并应⽤上⾯的样式来做同样的事情。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。