.grid-table * {
    box-sizing: border-box;
    margin: 0;
}
.grid-table {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
        'PingFang SC', 'Microsoft YaHei', '微软雅黑', sans-seri, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol';
    position: relative;
    border: 1px solid #F2F3F4;
    overflow: hidden;
    box-sizing: border-box;
    .grid-header {
        position: relative;
        top: 0;
    }
    .grid-body {
        position: relative;
        width: 100%;
    }
    .gridable-scroll {
    }
    .gridable-scroll::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        -webkit-appearance: none;
        background: transparent;
    }

    .gridable-scroll::-webkit-scrollbar-thumb {
        background-color: #c3c7cb;
        border-radius: 10px;
        background-clip: content-box;
    }

    .gridable-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #6b717b;
        border-radius: 10px;
        background-clip: content-box;
    }

    .gridable-scroll::-webkit-scrollbar-thumb:vertical,
    .gridable-scroll::-webkit-scrollbar-thumb:vertical:hover {
        border: 3px solid transparent;
        border-left-width: 4px;
    }

    .gridable-scroll::-webkit-scrollbar-thumb:horizontal,
    .gridable-scroll::-webkit-scrollbar-thumb:horizontal:hover {
        border: 3px solid transparent;
        border-top: 4px solid transparent;
    }

    .gridable-scroll::-webkit-scrollbar-track {
        background-color: initial;
    }

    .gridable-scroll::-webkit-scrollbar-track:vertical {
        border-left: 1px solid rgba(0, 0, 0, 0.06);
    }
}