en-UScy-GBbr-FR

Table 02

  Feature / Typography / Table 02

Style One

head col 1 head col 2 head col 3 head col 4 head col 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
SOURCE CODE 
<table class="dnntable dnntable_1">
    <tr>
        <th>head col 1</th>
        <th>head col 2</th>
        <th>head col 3</th>
        <th>head col 4</th>
        <th>head col 5</th>
    </tr>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td>row 2 col 5</td>
    </tr>
</table>

Style Two

head col 1 head col 2 head col 3 head col 4 head col 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
SOURCE CODE 
<table class="dnntable dnntable_2">
    <tr>
        <th>head col 1</th>
        <th>head col 2</th>
        <th>head col 3</th>
        <th>head col 4</th>
        <th>head col 5</th>
    </tr>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td>row 2 col 5</td>
    </tr>
</table>

Style Three

head col 1 head col 2 head col 3 head col 4 head col 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
SOURCE CODE 
<table class="dnntable dnntable_3">
    <tr>
        <th>head col 1</th>
        <th>head col 2</th>
        <th>head col 3</th>
        <th>head col 4</th>
        <th>head col 5</th>
    </tr>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td>row 2 col 5</td>
    </tr>
</table>

Style Four

head col 1 head col 2 head col 3 head col 4 head col 5
row 1 col 1 row 1 col 2 row 1 col 3 row 1 col 4 row 1 col 5
row 2 col 1 row 2 col 2 row 2 col 3 row 2 col 4 row 2 col 5
row 3 col 1 row 3 col 2 row 3 col 3 row 3 col 4 row 3 col 5
row 4 col 1 row 4 col 2 row 4 col 3 row 4 col 4 row 4 col 5
SOURCE CODE 
<table class="dnntable dnntable_4">
    <tr>
        <th>head col 1</th>
        <th>head col 2</th>
        <th>head col 3</th>
        <th>head col 4</th>
        <th>head col 5</th>
    </tr>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
        <td>row 1 col 4</td>
        <td>row 1 col 5</td>
    </tr>
    <tr>
        <td>row 2 col 1</td>
        <td>row 2 col 2</td>
        <td>row 2 col 3</td>
        <td>row 2 col 4</td>
        <td>row 2 col 5</td>
    </tr>
</table>