Responsive data table CSS

#table_wrapper .ct-div-block{
    display: revert;
}

#table_wrapper{
    width: 100%
}

#table_wrapper table{
    width: 100%;
    border-collapse: collapse;


}

#table_wrapper th{
    background-color: #0c437a;
    color: white;
    text-align: left;
    padding: 12px 16px;
    border: solid 1px white;
}


#table_wrapper tr:nth-child(even){
    background-color: #eee;
}

#table_wrapper td{
    padding: 8px 16px;
}

@media (max-width:479px) {


    #table_wrapper thead{
        position: absolute;
        top: 0;
        left:0;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }



    #table_wrapper td{
        position: relative;
        text-align: right;
        padding-right: 16px;
        border: solid 1px white;
    }

    #table_wrapper td:before{
        content: attr(data-label);
        position: absolute;
        left:0;
        top:0;
        bottom: 0;
        background-color: #0c437a;
        color: white;
        width: auto;
        min-width: 40%;
        font-size: 14px;
        font-weight: 700;
        padding: 8px 16px;
        text-align: left;


    }

    #table_wrapper tr{
        background-color: #eee;
        margin-bottom: 1rem;
    }


    #table_wrapper td[data-label="Name"]{
        order: -1;
        font-weight: 700;
    }


}