Tables

Tables

Currently only used on admin sites.

Example

Admin Table
Code
					
<div class="tableContainer">
    <table id="productTable" class="adminTableStyled">
        <thead>
            <tr>
                <th data-filter="Vendor Name">Vendor</th>
                <th>Product Alias</th>
                <th>Product ID</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
Notes

Must have a wrapper with tableContainer class.

Table element must have adminTableStyled class (going away eventually).

If a column is to be filterable, add data-filter attribute to the th element with the name.

Keep the tbody element empty.

Resources

Sass File(s)/sass/components/_tables.scss
JS File(s)table2024js bundle
JS FunctionsTables Javascript
Locale KeysNone

Accessibility

None at this time.

To Top