Skip to content

Instantly share code, notes, and snippets.

View jordyvanraaij's full-sized avatar

Jordy van Raaij jordyvanraaij

  • iO
  • Utrecht, The Netherlands
View GitHub Profile
@jordyvanraaij
jordyvanraaij / readme.markdown
Last active August 1, 2022 04:51
Responstable 1.0: a responsive table solution

Responstable 1.0

A responsive table solution

Responstable is a CSS solution for responsive tables. It uses the HTML5 attribute data-th and the pseudo :before to create a alternate column header when in mobile view. Because it is designed mobile first you will need the respond.js (https://github.com/scottjehl/Respond) to make it work with IE8 (and below).

A Pen by Jordy van Raaij on CodePen.

License.

Looking for a slightly different solution? Please check out Responstable 2.0!

@jordyvanraaij
jordyvanraaij / readme.markdown
Last active November 28, 2023 19:53
Responstable 2.0: a responsive table solution

Responstable 2.0

A responsive table solution

Responstable is a CSS solution for responsive tables. It uses the HTML5 attribute data-th and the pseudo :after to create a alternate column header when in mobile view. Because it is designed mobile first you will need the respond.js (https://github.com/scottjehl/Respond) to make it work with IE8 (and below).

A Pen by Jordy van Raaij on CodePen.

License.

Looking for a slightly different solution? Please check out Responstable 1.0!