UX Time: Responsive Tables and Smoothly Scrolling Through Large Datasets

Home » Blog » Design » UX Time: Responsive Tables and Smoothly Scrolling Through Large Datasets

Today I’d like to introduce two nifty and very useful tools and techniques for better visualizing tabular data on the Web:

  1. Responsive Tables in Pure CSS: This technique (code available here) makes clever use of :before and :after pseudo elements in order to nicely display responsive HTML tables on mobile devices (or any device with a smaller screen size for that matter) without any changes to the HTML code or having to resort to JavaScript.
  2. Clusterize.js, a JavaScript plugin that allows you to smoothly scroll through large HTML tables. It achieves this be only adding those rows to the DOM which are visible at the current scroll position and progressively adding and removing rows while scrolling.
Sunday May 17th, 2015 by Bjoern in Design, Front End Development, Software, Web Applications
About the author: Bjoern
Independent IT consultant, entrepreneur
One comment

    Leave a Comment

    To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)