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