Data Table

A responsive table for data.

Implementation

Things to know:

This snippet is edited through a table-based interface.

New rows and columns can be added or removed to this table.

This table snippet is responsive. A user can scroll the rendered table horizontally on smaller mobile devices.

Headers are required

When to use this snippet:

Use when you want to display data. If you can imagine the content in an excel sheet, then this is the right snippet.

Do NOT use if you are attempting to lay out content. Use another snippet or component for this.

Snippet Map:

The images below depict how the fields in the snippet table are rendered in the final result.

Snippet table:

Final Result:

Live example:

---