在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 {
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 隐藏横向滚动条