Ant design 修改table滚动条样式

4,662 阅读1分钟

修改的是表格的固定列滚动而产生的滚动条, 引用Table的组件的css文件中加入下面的样式:

    .ant-table-body{
    &::-webkit-scrollbar {
        height: 5px;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(129, 129, 128, 0.85);
    }
    &::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        border-radius: 0;
        background: rgba(0, 4, 40, 0.06);
    }
}