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.
About the author: Bjoern
Independent IT consultant, entrepreneur
One comment

    Leave a Comment