← All examples

Sticky table header

Keeps the tag or trigger table header visible while you scroll long lists, so you always know what each column means.

Code to copy

table thead,
table thead tr,
[role="rowgroup"]:first-child {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.18) !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.