Strona główna >WWW >Leksykon HTML – elementy i atrybuty >tr – wiersz tabeli

tr – wiersz tabeli

<tr><td>…</td><td>…</td></tr>

Wiersz tabeli. Zawiera komórki – nagłówkowe th i z danymi td. Liczbę kolumn wyznaczają komórki (komórki scalone przez colspan liczą się według swojej szerokości).

  • Domyślne wyświetlanie: display: table-row
  • Znacznik zamykający: można pominąć – wiersz kończy kolejny tr albo koniec grupy
  • Zawartość: komórki td i th
  • Gdzie może wystąpić: thead, tbody, tfoot (albo bezpośrednio table – przeglądarka uzupełni tbody)
  • Interfejs DOM: HTMLTableRowElement

Atrybuty

Tylko atrybuty globalne (przestarzałe align, valign, bgcolor zastępuje CSS).

Przykłady

Wiersze w paski:

<table class="stripes">
  <tr><td>Poniedziałek</td><td>310</td></tr>
  <tr><td>Wtorek</td><td>290</td></tr>
  <tr><td>Środa</td><td>305</td></tr>
</table>

.stripes {
  border-collapse: collapse;
}
.stripes tr:nth-child(odd) td {
  background: #f1f8e9;
}
.stripes td {
  padding: 2px 10px;
}
Wynik
Poniedziałek310
Wtorek290
Środa305

Na co uważać

  • Tło, obramowanie i padding na samym wierszu działają tylko częściowo (obramowanie tylko z border-collapse: collapse). Bardziej niezawodne jest stylowanie komórek.
  • W JavaScripcie: tr.cells (komórki wiersza), tr.rowIndex (jego pozycja w tabeli), tr.insertCell(), table.deleteRow(i).

Obsługa w przeglądarkach

Baseline – szeroko dostępne: działa we wszystkich popularnych przeglądarkach, i to od dawna (najpóźniej od 2015 roku). Od wersji: Chrome 1, Firefox 1, Safari 1. Stan: październik 2026 (MDN browser-compat-data).

Zobacz też:
table – tabela
td – komórka tabeli
th – komórka nagłówkowa
tbody – treść tabeli