Many Challenges comes with fixed table header with only CSS but we have the best examples. Requirement can be anything like full width, fixed width, and variable width. You will find here the horizontal and vertical scroll both on the table body. These are the best Approaches if your requirement full fills with this below solutions. Some examples is working with the CSS3 latest CSS you need to check your browser also before using the latest CSS3.
Sticky Table Header can be very useful when we serve the lots of data in scroll due to the sticky table header we can see the field header also with the data. If table header is not fixed in the grid user can be confused what the header name of the data is.
Pure CSS Table Body Scrollable with Fixed Header
Fixed Table Header with full Table width
Fixed Table TH and also we can fix the left column with horizontal scroll on the table. Below examples is awesome for the feature of the fixing the horizontal and vertical scrolling in the table.
Fixed Tale Header with Responsive Table Width
Pure CSS Scrollable Table with fixed Header
Sticky Table header fixed header on scroll down
Scrollable Table with fixed thead with fixed width
Pure CSS Amazing Fix table header with variable table width
Fixed Table TH and scroll Table body
Fixed table header in angularJs with Responsive table
Pure CSS fixed table header with fixed table column width
Accessible data table with fixed header