Example of Freezing HTML Table Columns & Rows (Youtube version - Responsive)
Youtube Video Tutorial Guide: https://www.youtube.com/watch?v=_dpSEjaKqSE
Tutorial: https://adriancs.com/html-css-js/298/html-table-freeze-row-and-column-with-css/
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Col |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |
Row |