Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Css

    Загружено:

    tchaiket
    5 просмотров3 страницы

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    5 просмотров3 страницы

    Css

    Загружено:

    tchaiket

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    /* tables */

    table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    }
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
    }
    table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    }
    table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
    }
    table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
    }
    table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
    }
    table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
    }
    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSo
    rtUp {
    background-color: #8dbdd8;
    }
    <table id="tablesorter-demo" class="tablesorter" border="0" cellpadding=
    "0" cellspacing="1">
    <thead>
    <tr>
    <th class="header headerSortDown">First Name</th
    >
    <th
    <th
    <th
    <th

    class="header">Last Name</th>
    class="header headerSortUp">Age</th>
    class="header">Total</th>
    class="header">Discount</th>

    <th class="header">Difference</th>
    <th class="header">Date</th>
    </tr>
    </thead>
    <tbody>

    <tr class="odd">
    <td>Bruce</td>
    <td>Almighty</td>
    <td>45</td>
    <td>$153.19</td>
    <td>44.7%</td>
    <td>+77</td>
    <td>Jan 18, 2001 9:12 AM</td>
    </tr><tr class="even">
    <td>Bruce</td>
    <td>Evans</td>
    <td>22</td>
    <td>$13.19</td>
    <td>11%</td>
    <td>-100.9</td>
    <td>Jan 18, 2007 9:12 AM</td>
    </tr><tr class="odd">
    <td>Bruce</td>
    <td>Evans</td>
    <td>22</td>
    <td>$13.19</td>
    <td>11%</td>
    <td>0</td>
    <td>Jan 18, 2007 9:12 AM</td>
    </tr><tr class="even">
    <td>Clark</td>
    <td>Kent</td>
    <td>18</td>
    <td>$15.89</td>
    <td>44%</td>
    <td>-26</td>
    <td>Jan 12, 2003 11:14 AM</td>
    </tr><tr class="odd">
    <td>John</td>
    <td>Hood</td>
    <td>33</td>
    <td>$19.99</td>
    <td>25%</td>
    <td>+12</td>
    <td>Dec 10, 2002 5:14 AM</td>
    </tr><tr class="even">
    <td>Peter</td>
    <td>Parker</td>
    <td>28</td>
    <td>$9.99</td>
    <td>20.9%</td>
    <td>+12.1</td>

    <td>Jul 6, 2006 8:14 AM</td>


    </tr></tbody>
    </table>

    Вам также может понравиться