Skip to content

Display less columns in mobile device

← Mobile Devices
You can use CSS nth-child to hide columns

<style>
@media only screen and (max-width: 800px) {
    /******** table header *********/
    table th:nth-child(1n+5) {
    display: none;
    }

    /********* table data **********/
    #tb_orders td:nth-child(1n+5) {
    display: none;
    }

    /********* fix quirks **********/
    table.table {
        width: 100% !important;
    }
}
</style>

More on nth-child CSS properties

Feedback and Knowledge Base

(thinking…)