File: css/ajaxtable-responsive.css

Recommend this page to a friend!
  Classes of Joubert RedRat  >  PHP AJAX Table  >  css/ajaxtable-responsive.css  >  Download  
File: css/ajaxtable-responsive.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP AJAX Table
Load HTML tables dynamically using AJAX
Author: By
Last change:
Date: 4 years ago
Size: 1,061 bytes
 

Contents

Download
/*
 * AjaxTable for jQuery
 *
 * @author Joubert <eu@redrat.com.br>
 * @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;
    }
}

For more information send a message to info at phpclasses dot org.