Table - ZUI Documentation

Summary

Tables are meant to show structured data.

There are no attributes defined for this pattern.

Example

#	Name	Date of Birth
1	Jet Li	April 26, 1963
2	Bruce Lee	November 27, 1940
3	Chuck Norris	March 10, 1940
4	Jackie Chan	April 7, 1954
5	Jean-Claude Van Damme	October 18, 1960

#	Name	Date of Birth
1	Jet Li	April 26, 1963
2	Bruce Lee	November 27, 1940
3	Chuck Norris	March 10, 1940
4	Jackie Chan	April 7, 1954
5	Jean-Claude Van Damme	October 18, 1960

#	Name	Date of Birth
1	Jet Li	April 26, 1963
2	Bruce Lee	November 27, 1940
3	Chuck Norris	March 10, 1940
4	Jackie Chan	April 7, 1954
5	Jean-Claude Van Damme	October 18, 1960

#	Name	Date of Birth
1	Jet Li	April 26, 1963
2	Bruce Lee	November 27, 1940
3	Chuck Norris	March 10, 1940
4	Jackie Chan	April 7, 1954
5	Jean-Claude Van Damme	October 18, 1960

#	Name	Date of Birth
1	Jet Li	April 26, 1963
2	Bruce Lee	November 27, 1940
3	Chuck Norris	March 10, 1940
4	Jackie Chan	April 7, 1954
5	Jean-Claude Van Damme	October 18, 1960

Markup

<table>
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

<table class="zui-table-sortable">
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

<table class="zui-table-striped">
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

<table class="zui-table-bordered">
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

Key 1	Value 1
Key 2	Value 2
Key 3	Value 3