File: css/ajaxtable-responsive.css

/*
 * AjaxTable for jQuery
 *
 * @author Joubert <[email protected]>
 * @copyright Copyright (c) 2016 Vector Internet Business and AjaxTable contributors
 * @license: MIT
 * http://www.vectornet.com.br
 * https://github.com/vectornet/ajaxtable/
 */

@media (max-width: 480px) {
    table.ajaxtable-table thead.ajaxtable-head tr.ajaxtable-cols {
        display: none;
    }

    table.ajaxtable-table tbody.ajaxtable-body tr td {
        display: block;
    }

    table.ajaxtable-table tbody.ajaxtable-body tr td:before {
        content: attr(data-th) ": ";
        width: 6.5em;
        display: inline-block;
        font-weight: bold;
    }

    table.ajaxtable-table div.ajaxtable-pagination-container {
        max-width: 100%;
        float: none;
        padding: 15px;
    }

    table.ajaxtable-table div.ajaxtable-pagination-totalrows {
        max-width: 100%;
        padding: 15px;
        float: right;
    }

    table.ajaxtable-table div.ajaxtable-pagination-setrows {
        max-width: 15%;
        padding: 12px;
        float: left;
    }
}