table添加滚动条
当时直接添加overflow:auto;然后并没有滚动条!!!后来发现需要在table上添加white-space:nowrap;
解决方案如下:
<div>
<table></table>
</div>
div{
overflow:auto;
}
table{
white-space:nowrap;
}
ElementUI-table
.el-table__body-wrapper::-webkit-scrollbar {
width: 8px; /*滚动条宽度*/
height: 8px; /*滚动条高度*/
}
.el-table__body-wrapper::-webkit-scrollbar-track {
border-radius: 10px; /*滚动条的背景区域的圆角*/
-webkit-box-shadow: inset 0 0 6px rgba(238,238,238, 0.3);
background-color: #eeeeee; /*滚动条的背景颜色*/
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px; /*滚动条的圆角*/
-webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
background-color: rgb(145, 143, 143); /*滚动条的背景颜色*/
}