Responsive CSS3 Data Grids

Responsive CSS3 Data Grids

Responsive CSS3 Data Grids are used to present typical tabular data. Their advantages over the standard table are expandable rows in a form of drop down accordion sections, ability to highlight individual rows, hover states, table cell and headings tooltips. In addition the table is fully responsive and adapts well to the resolution of different mobile devices like iPad or iPhone by grouping the data into rows. Additional drop down panel allows to show / hide selected columns for easier data comparison.

Features:

  • Pure CSS3 + HTML,
  • Responsive Layout,
  • IE8 JS Fallback,
  • Expandable Rows,
  • Ability To Expand Multiple Rows At Once,
  • Ability To Expand Only One Row At Once,
  • Ability To Expand Selected Rows By Default At Startup,
  • Ability to Highlight Single Table Row,
  • Hover States,
  • Columns Filtering,
  • CSS3 Tooltips,
  • 4 Predefined Color Skins

Leave a Reply