table表格表头固定 tbody添加纵向滚动条并且隐藏滚动条

最新推荐文章于 2024-03-11 09:54:12 发布

天空中的星~

最新推荐文章于 2024-03-11 09:54:12 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/workhard0905/article/details/107497090

版权

table表格表头固定 tbody添加纵向滚动条并且隐藏滚动条

/**表格*/
.road_table thead, .road_table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/*chrome 和Safari----隐藏滚动条*/
.road_table tbody::-webkit-scrollbar {
    width: 0 !important
}

/*IE 10+*/
.road_table tbody {
    -ms-overflow-style: none;
}

/*Firefox*/
.road_table tbody {
    overflow: -moz-scrollbars-none;
}

.road_table tbody {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}