Clone: Tables

Just a heads up!

Clone's documentation uses Cookies and Google Analytics to help us better understand our visitors. By viewing this site, you agree to have this basic information collected and relayed back to us. You can learn more about how Google Analytics provides us with this information here.

About Tables

A description for this component is coming soon! You can check out the code below in the meantime.

More Info See Examples Changelog

Table Accessibility

A description of how this component is accessible is on its way!

Code Snippet

<div data-c-table>
    <table>
        <thead>
            <tr>
                <th scope="col">
                    Help! Tables!
                </th>
                <th scope="col">
                    Help! More Tables!
                </th>
                <th scope="col">
                    Help! Even More Tables!
                </th>
            </tr>
        </thead>
        <tbody>
            <!-- Repeat rows as necessary. -->
            <tr>
                <th scope="row">
                    Sample Title
                </th>
                <td>
                    This is sample content in a table.
                </td>
                <td>
                    This is sample content in a table.
                </td>
            </tr>
        </tbody>
    </table>
</div>

Detailed Information

Coming soon!

Examples

Help! Tables!	Help! More Tables!	Help! Even More Tables!
Sample Title	This is sample content in a table.	This is sample content in a table.
Sample Title	This is sample content in a table.	This is sample content in a table.
Sample Title	This is sample content in a table.	This is sample content in a table.

Changelog

Version 2.3.1

Added a variable for alternating table row colour.