ant table 组件的滚动条样式不太好看 考虑调整一下 而且表头 和x轴还出现了滚动条
原滚动条样式:
- 去掉表头的滚动条
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
overflow: hidden;
height: 70px;
}
- 去掉x轴的滚动条就比较容易了 直接设置table的scroll(不设置x即可):
scroll={{y: 350}}
- 修改滚动条的样式:
.ant-table-body{
&::-webkit-scrollbar {
height: 5px;
width: 10px;
overflow-y: auto;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(89, 89, 89, 0.2);
background: #939392;
}
&::-webkit-scrollbar-track {
-webkit-box-shadow: 0;
border-radius: 0;
background: #f0f2f5;
}
}
效果:
这个是借鉴大佬的 附上链接:
https://blog.csdn.net/jane_96/article/details/82906068