[data-responsive-table] {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
    background: #fff;
}

[data-responsive-table] > div {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #888 #f0f0f0; /* Firefox */
    padding: 15px;
}

[data-responsive-table] > div::-webkit-scrollbar {
    height: 8px;
    background: #f5f5f5;
}

[data-responsive-table] > div::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
[data-responsive-table] > div::-webkit-scrollbar-thumb:hover {
    background: #666;
}
/* 响应式设计 */
@media (max-width: 768px) {
    
    [data-responsive-table] {
        margin: 0 10px;
    }
}