antdesignvue设置滚动条样式及表格头部样式在ant design vue中，表格头部样式要设置在ant-table-body中
.ant-table-thead > tr > th {
// background: #fff !important;
white-space: nowrap !important; // 防⽌IE等浏览器不⽀持'max-content'属性导致内容换⾏
background: #FAFAFA !important;
color: #000000;
border-bottom: 1px solid #e8e8e8;
}
为表格设置横向滚动条，添加以下样式
&::-webkit-scrollbar {
width: 6px; /*⾼宽分别对应横竖滚动条的尺⼨*/
height: 6px;
}
&::-webkit-scrollbar-thumb {
border-radius: 6px;
background: rgba(144, 147, 153, 0.5);
}
&::-webkit-scrollbar-track {
html横向滚动条样式border-radius: 5px;
background: transparent;
}
overflow-x:hidden 隐藏横向滚动条

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