This is to mimic a Table with fixed header at top and a footer.
Different from other options in the internet, this is not automatic layout. You have to build the HTML following the structure above.
This table has rounded corners and the CSS is customized to remove double borders.
Columns width can be px or %, the table-layout is fixed. The table can scroll horizontally and vertically. Fixed the vertical scroll bar not been take in consideration. Now the table will scroll and the header/footer will be aligned correctly.