← All examples

CSS Productivity business.facebook.com

Sticky table header

Pins the column header row to the top so you always see the metric names while scrolling long campaign lists.

Code to copy

[role="columnheader"],
[role="row"]:first-child {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background: #ffffff !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.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases