04 May 2018 Responsive comparison table created for a customer but decided not to use it Works great, downsizing to mobile and then moving the information inside the boxes using before/after.
04 May 2018 Mobile-first responsive and accessible data table Mobile-first responsive and accessible data table. At narrower view ports, the thead is hidden, rows are turned into cards with labels shown using a data-* attribute.
04 May 2018 Table collapses into a list on small screens Table collapses into a list on small screens. Headers are pulled from data attributes.
04 May 2018 Show data in the table updating on a live basis Using CSS to fade-in a row, fade-out a row and show data in the table updating on a live basis.
04 May 2018 A simple trick to have vertical and horizontal highlight on hover on tables A simple (and nasty) trick to have vertical and horizontal highlight on hover on tables made with pure CSS.
03 May 2018 Using CSS for responsive table layouts instead of floats Using CSS for responsive table layouts instead of floats. Responsive (everything goes down to one row each), too.
03 May 2018 Create a nice working table which is working on smaller screens also The idea was to create a nice working table which is working on smaller screens also.
03 May 2018 Responsive Tables using LI used li to create tables because styling li is easier and allows more customization.
03 May 2018 Sort table rows by table headers - ascending and descending Sort table rows by table headers - ascending and descending.