Tables

Works great, downsizing to mobile and then moving the information inside the boxes using before/after.

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.

Table collapses into a list on small screens. Headers are pulled from data attributes.

Using CSS to fade-in a row, fade-out a row and show data in the table updating on a live basis.

An example table and detail view scenario.

Responsive table with rwd-table-patterns.

A simple (and nasty) trick to have vertical and horizontal highlight on hover on tables made with pure CSS.

CSS Tricks Method Responsive Table.

Fixed table header with simple jQuery code.

Using CSS for responsive table layouts instead of floats. Responsive (everything goes down to one row each), too.

The idea was to create a nice working table which is working on smaller screens also.

used li to create tables because styling li is easier and allows more customization.

Sort table rows by table headers - ascending and descending.