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.
One comment

    Leave a Comment

    By continuing to use the site you agree to the use of cookies. more information

    The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or if you click "Accept" below then you are consenting to this.

    Close