Responsive Table

This is an additional table element. The difference here is that you can add rows and header rows, and also make it collapse as an accordion for smaller screen devices.

Options

  • Option to disable row headers and column headers
  • Enable or disable accordion on smaller devices
  • Enable and disable sitcky headers
  • Style the table in any way inside Breakdance Builder

Table Example #1

Table with custom row and column headers, also includes buttons inside the table cells, they can be customised as a button.
Monday
Tuesday
Wednesday
Thursday
Friday
09:00 - 11:00
Open
Open
Open
Open
Open
11:00 - 13:00
Open
Closed
Close
Close
13:00 - 15:00
Open
Closed
Open
Open
15: 00 - 17:00
Open
Open
Closed
Open
Close

Table Example #2

Table with sticky row headers.
Monday
Tuesday
Wednesday
Thursday
Friday
09:00 - 11:00
Open
Open
Open
Open
Open
11:00 - 13:00
Open
Closed
Close
Close
13:00 - 15:00
Open
Closed
Open
Open
15: 00 - 17:00
Open
Open
Closed
Open
Close

Table Example #3

Table with sticky row and column headers.
Monday
Tuesday
Wednesday
Thursday
Friday
09:00 - 11:00
Open
Open
Open
Open
Open
11:00 - 13:00
Open
Closed
Close
Close
13:00 - 15:00
Open
Closed
Open
Close
15: 00 - 17:00
Open
Open
Closed
Open
Close
17:00 - 19:00
Open
Open
Closed
Open
Open
19:00 - 21:00
Open
Open
Closed
Open
Close

Table Example #4

Table with no row headers and with accordion disabled on smaller devices.
Monday
Tuesday
Wednesday
Thursday
Friday
Open
Open
Open
Open
Open
Open
Closed
Close
Close
Open
Closed
Open
Open
Open
Open
Closed
Open
Close

Copyright © 2024. Digital Destiny. All rights reserved.

Supported by Digital Destiny