0

Forgive me for the potential simplicity of this question, but I've searched everywhere and I can't find the answer to this. There are numerous resources explaining how to freeze the top rows/header of an HTML table, but nothing explaining how to freeze multiple headers in a scrolling table. Consider the following Excel example:

enter image description here

Assuming that the above is a simple, static HTML table, and I'd like to freeze the top three rows (Employee Information, Personal/Work, and Name/Age/etc...) in an otherwise scrolling table, how could I do this? Does it require JS or can it be done in CSS alone?

Thanks

p98376
  • 13
  • 4
  • It's called fixed and there is a post on [Stackoverflow](https://stackoverflow.com/questions/4709390/table-header-to-stay-fixed-at-the-top-when-user-scrolls-it-out-of-view-with-jque) – Bataklik Jun 17 '21 at 16:15

0 Answers0