Responsive Table Through HTML & CSS | Responsive collapse by ROW | Responsive collapse by COLUMN
Responsive tables with flexbox
A) For row-oriented tables…
Order markup exactly how a mobile or screen reader should read it, use semantic headers and content. Abandon all concept of ‘row’ wrappers.
Set the width of each cell as a percentage based on number of columns or rows. Auto sizing column widths is not possible.
HTML Code :
CSS Code :
#ResponsiveTABLE, #CSSResponsiveTable