Table Grid

Description

The table grid uses the old concept to create HTML layout. This component uses the table to create the structure. This is most used to make some bordered panels or to have a better experience to create tui layouts. An example with this component is BIOS. Check it in Examples page.

Code Examples

These are some examples for component:

<!-- Table grid example -->
<table class="tui-table-grid">
    <tbody>
        <tr>
            <td rowspan="2" width="60%">
                ...
            </td>
            <td width="40%" class="center">
                ...
            </td>
        </tr>
        <tr>
            <td width="25" height="200px">
                ...
            </td>
        </tr>
        <tr>
            <td colspan="2" width="25">
                ...
            </td>
        </tr>
    </tbody>
</table>

Component Classes

This is the table with available classes for this component.

Class	Description
.tui-table-grid	Creates a table grid. It is used in table element