JKCSS Tables

HTML Tables

According to the JKCSS the tables use the .jk-table class for the identify the table

Basic Tables

Following is the base table of the JKCSS

#	Name	Mobile	Email
1	Jehan	123456789	jehan123@example.com
2	John	789456123	john@example.com
3	Erik	741369852	erik@example.com
4	Perea	789123456	perea@example.com

<table class="jk-table">
    <thead>
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Mobile</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Jehan</td>
            <td>123456789</td>
            <td>jehan123@example.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>John</td>
            <td>789456123</td>
            <td>john@example.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Erik</td>
            <td>741369852</td>
            <td>erik@example.com</td>
        </tr>
        <tr>
            <td>4</td>
            <td>Perea</td>
            <td>789123456</td>
            <td>perea@example.com</td>
        </tr>
    </tbody>
</table>

Hover Tables

When Mouse hover abover from the recodes of Table, the table row color will be change

#	Name	Mobile	Email
1	Jehan	123456789	jehan123@example.com
2	John	789456123	john@example.com
3	Erik	741369852	erik@example.com
4	Perea	789123456	perea@example.com

This only change the class name table content same as the Basic Tables