← Wszystkie przykłady

Przyklejony nagłówek tabeli

Utrzymuje nagłówek tabeli widoczny podczas przewijania długich list zamówień lub produktów, więc zawsze wiesz, co oznacza dana kolumna.

Kod do skopiowania

.Polaris-IndexTable__TableHeading,
table[class*="Polaris"] thead th,
.Polaris-DataTable__Cell--header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: var(--p-color-bg-surface, #fff) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.12) !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.