← Wszystkie przykłady

Przyklejony nagłówek tabeli

Nagłówek tabeli produktów pozostaje widoczny podczas przewijania długich list, więc zawsze wiesz, którą kolumnę oglądasz.

Kod do skopiowania

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

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.