Table

it is use to arrange data.

Example #

.n-table class will do the style.

<table class="n-table">
    <thead>
        <tr><th>Name</th><th>Age</th><th>Gender</th></tr>
    </thead>
    <tbody>
        <tr><td>Eugine</td><td>20</td><td>male</td></tr>
        <tr><td>Choi</td><td>30</td><td>male</td></tr>
        <tr><td>Man Choi</td><td>10</td><td>female</td></tr>
        <tr><td>Boyna</td><td>10</td><td>male</td></tr>
    </tbody>
</table>

Name	Age	Gender
Eugene	20	male
Choi	30	male
Man	10	female
Boyna	10	male

Flated top table #

add .n-table-flated for borders of the cells.

<table class="n-table n-table-flated">
    <thead>
        <tr><th>Name</th><th>Age</th><th>Gender</th></tr>
    </thead>
    <tbody>
        <tr><td>Eugine</td><td>20</td><td>male</td></tr>
        <tr><td>Choi</td><td>30</td><td>male</td></tr>
        <tr><td>Man Choi</td><td>10</td><td>female</td></tr>
        <tr><td>Boyna</td><td>10</td><td>male</td></tr>
    </tbody>
</table>

Name	Age	Gender
Eugene	20	male
Choi	30	male
Man	10	female
Boyna	10	male

Bordered table #

add .n-table-bordered for borders of the cells.

<table class="n-table n-table-bordered">
    <thead>
        <tr><th>Name</th><th>Age</th><th>Gender</th></tr>
    </thead>
    <tbody>
        <tr><td>Eugine</td><td>20</td><td>male</td></tr>
        <tr><td>Choi</td><td>30</td><td>male</td></tr>
        <tr><td>Man Choi</td><td>10</td><td>female</td></tr>
        <tr><td>Boyna</td><td>10</td><td>male</td></tr>
    </tbody>
</table>

Name	Age	Gender
Eugene	20	male
Choi	30	male
Man	10	female
Boyna	10	male

Hover table #

add .n-table-hover to enable hover effect on table rows.

<table class="n-table n-table-bordered n-table-hover">
    <thead>
        <tr><th>Name</th><th>Age</th><th>Gender</th></tr>
    </thead>
    <tbody>
        <tr><td>Eugine</td><td>20</td><td>male</td></tr>
        <tr><td>Choi</td><td>30</td><td>male</td></tr>
        <tr><td>Man Choi</td><td>10</td><td>female</td></tr>
        <tr><td>Boyna</td><td>10</td><td>male</td></tr>
    </tbody>
</table>

Name	Age	Gender
Eugene	20	male
Choi	30	male
Man	10	female
Boyna	10	male

DARK THEME

Table

Warning!