Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
<script src="https://unpkg.com/sticky-table-headers"></script>


Header The header will freeze on the top while overlapping and will overlap through the data in the list.

...

Figure 1 Header Freezed when scrolling data in the list


Setback with the current method

Warning
When using the library to freeze the header, do note that the header will be responsive towards the table's total width. Thus, when there is are too much many columns in the data list, the header will start to "spill out":

...

Figure 2 Header "spilled out" due to excessive columns in the list body


Sample App