antd5版本修改Table组件滚动条样式
因为项目需求,要将Table组件的样式修改为UI图所给的效果,但是怎么写都不生效
最后发现在

.ant-table的样式中设了scrollbar-color,只要把这里的样式设为scrollbar-color: auto;
然后再改.ant-table-body里面滚动条的样式,就可以了
      .ant-table-body{
            &::-webkit-scrollbar {
              background: rgba(0, 0, 0, 0);
              width: 4px;
              height: 4px;
            }
            /* 滚动条轨道的样式 */
            &::-webkit-scrollbar-track {
              background: #888 !important; /* 轨道背景颜色 */
              border-radius: 6px !important; /* 轨道圆角 */
            }
    
            /* 滚动条滑块的样式 */
            &::-webkit-scrollbar-thumb {
              background: rgba(37, 36, 36, 0.8);
              border-radius: 3px;
              width: 4px;
            }
      }
 
                    
                     
                    
                 
                    
                 
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号