antdesignvue设置滚动条样式及表格头部样式
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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 {
border-radius: 5px;
background: transparent;
}
overflow-x:hidden 隐藏横向滚动条。