Co to jest atrybut „rowspan” i jak go używać z elementem „td” w HTML?

Jak używać atrybutu „rowspan” z elementem „td”?

Dla lepszego zobrazowania relacji między atrybutem „rowspan” a elementem „td”. Przeanalizujmy praktyczny przykład, postępując zgodnie z poniższym przewodnikiem krok po kroku:

Krok 1: Tworzenie tabeli w HTML

Najpierw utwórz tabelę za pomocą „ ”znacznik. Wewnątrz dodaj wiele „

W powyższym fragmencie kodu:

• Najpierw utworzono pięć wierszy, a do każdej komórki podano fikcyjne dane.
• Następnie „ tabela ” jest wybrany i ustaw „ zawalić się „wartość do CSS” upadek granicy ' nieruchomość.
• Następnie „ granica ' I ' wyściółka ” są wykorzystywane w celu zwiększenia widoczności użytkownika i stworzenia atrakcyjnego efektu.

Po wykonaniu kodu tabela wygląda następująco:

Powyższe dane wyjściowe pokazują, że tabela została utworzona i ma styl.

Krok 2: Użycie atrybutu „rowspan” z elementem „td”.

„ rozpiętość rzędów ” atrybut scala sąsiednie komórki w kierunku pionowym. Jest używany z „

W powyższym kodzie:

• „Rozpiętość wierszy” jest powiązana z pracownikiem mającym „ Wynagrodzenie element td.
• Wartość ' 2 ” jest dostarczane do atrybutu „rowspan”, który ustawia te same dane w obu sąsiednich komórkach, jak pokazano poniżej:

Dane wyjściowe pokazują, że dwie komórki zostały scalone, a czytelność dla użytkownika jest teraz zwiększona.

Wniosek

„ rozpiętość rzędów ” atrybut działa z „ td ”, aby scalić wiele sąsiadujących komórek w kierunku pionowym. Atrybut przyjmuje liczbę jako wartość i informuje, ile komórek zostanie scalonych. Jest używany, gdy te same dane są dostarczane do wielu komórek. Ten blog pokazał, czym jest „rowspan” i jak go używać z elementem „td” w HTML.