Department Table Styler
Use the Data Table snippet to create structured, styled tables without needing to build or format a table manually.
This option is best for editors who want a consistent, accessible table layout without working in the WYSIWYG table editor or editing HTML.
The snippet applies predefined styling and formatting, helping ensure tables display correctly across devices.
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | Row 1, Col 4 | Row 1, Col 5 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | Row 2, Col 4 | Row 2, Col 5 |
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | Row 1, Col 4 | Row 1, Col 5 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | Row 2, Col 4 | Row 2, Col 5 |
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | Row 1, Col 4 | Row 1, Col 5 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | Row 2, Col 4 | Row 2, Col 5 |
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 | Row 1, Col 4 | Row 1, Col 5 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 | Row 2, Col 4 | Row 2, Col 5 |
When to Use This Snippet
- You want a quick, consistent table layout
- You prefer not to edit table HTML or properties
- You are creating standard data tables (lists, comparisons, schedules)
- You want built-in styling and responsive behavior
Alternative: Build a Table Manually
If you need more control over layout or formatting, you can build a table directly in the editor and apply a table style.
You can find instructions here: Responsive Tables
Use the manual table option if:
- You need custom column structures
- You are modifying an existing table
- You need more flexibility than the snippet provides