2023年6月20日发(作者：)

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

2023年6月20日发(作者：)

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