How to Create a Responsive HTML Table

How to Create a Responsive HTML Table

Kevin Powell via YouTube Direct link

- Fixing the accessibility at small screen sizes

11 of 11

11 of 11

- Fixing the accessibility at small screen sizes

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Create a Responsive HTML Table

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - Setting up the table
  3. 3 - My main source of info for this
  4. 4 - Basic CSS to get the table looking better
  5. 5 - Very simple responsiveness
  6. 6 - More CSS styles to improve the look
  7. 7 - The easiest way to make it responsive with a table-container
  8. 8 - A more robust solution
  9. 9 - Alternative to data-attributes
  10. 10 - Using grid to improve the layout inside cells a little
  11. 11 - Fixing the accessibility at small screen sizes

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.