HTML table with fixed header and footer and scrollable body without fixed widths

Question

I want to to create a table with fixed thead and tfoot and a scrollable tbody!

I\'ve tried several approaches, both CSS only a

Answer 1

HTML table with fixed header and footer and scrollable body without fixed widths using CSS only.

This is simple logic we can use table header put position: sticky method below the example:

table th {
position:sticky;
top: 0;
}