Responsive Table

Use this table module to place data in a more appealing manner with customizable styling.
The table module is highly responsive, as it realigns its content to work on all screen sizes.

Customization Available:

  • Sortable Table: Add sorting/no sorting
  • Scrollable Table: Scroll on breakpoint/no scroll
  • Alignment: Left, center, right

Site Goal(s): | Use Case(s): ,

Sortable Table

Sorting is a good option for long tables or lists with custom data and many entries. 

  • Sortable Table: Add sorting
  • Scrollable Table: Scroll on breakpoint
  • Alignment: Left
Job PositionLocationJob TypeHourly
CEOParisFull Time$60 / hr
Front End DeveloperTexasPart Time$45 / hr
IT DirectorNew HampshireWork from home$70 / hr
IT SupportLondonFull Time$35 / hr
Project ManagerTokyoPart Time$40 / hr

Simple Table

Clean and stylish module for listing out product details, specifications or available options. 

  • Sortable Table: No sorting
  • Scrollable Table: No Scroll
  • Alignment: Center
SpecificationTabletLaptop
Screen Size5 x 7 in15.5 in
Resolution768 x 1024 px1920 x 1080 px
ProcessorAMD A4-1200Intel Core i7-7700K
Color OptionsSilver & BlackSilver & Gold

Schedule

Responsive and easy-to-update module for class or service schedules.

  • Sortable Table: No sorting
  • Scrollable Table: Scroll on breakpoint
  • Alignment: Center
ClassesMonTueWedThuFri
Yoga10 AM - 12 PM10 AM - 12 PM10 AM - 12 PM10 AM - 12 PM10 AM - 12 PM
Pilates12 PM - 2 PM12 PM - 2 PM12 PM - 2 PM4 PM - 6 PM4 PM - 6 PM
Zumba2 PM - 4 PM2 PM - 4 PM2 PM - 4 PM6 PM - 8 PM12 PM - 2 PM

Hours - Individual

  • Timing Type: Day
  • Highlight Row: Monday, Thursday, Friday & Sunday
  • Day Format: Short
Mon.
-
Tue.
-
Wed.
-
Thu.
-
Fri.
-
Sat.
-
Sun.
Closed

Hours - Range

  • Timing Type: Range & Day
  • Highlight Row: No
  • Day Format: Long
Monday - Thursday
Friday
-
Saturday
Closed
Sunday
Closed