2010-12-18 11 views
16

Mam tabelę z 3 rzędami i 3 kolumnami. Jak połączyć ostatnie kolumny? Moje html:Komórki tabeli html łączą

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td>Here I need a cell by all width</td></tr> 
</table> 

Odpowiedz

42

pomocą atrybutu colspan:

<tr><td colspan="3">Here I need a cell by all width</td></tr> 

colspan atrybut definiuje liczbę kolumn komórka powinna zakresu.

Istnieje powiązany atrybut rowspan, który jest taki sam dla wierszy.

+1

Uwaga: Uważam, że dobrą praktyką jest link w3.org zamiast w3schools, ponieważ wiadomo, że popełniają błędy. –

+3

@Alin Purcaru - Uczciwy punkt. Jednak dla początkujących uważam, że w3schools są znacznie łatwiejsze do zrozumienia, a dla tego rodzaju informacji nie mogą się pomylić. – Oded

+0

Masz zapewne rację. Dla tych dwóch atrybutów w3 radzi sobie całkiem dobrze. –

8

Dla dokładnego tym celu został utworzony atrybut colspan.

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td colspan="3">Here I need a cell by all width</td></tr> 
</table> 

Podobnie można użyć użyć atrybutu rowspan jeśli chcesz zajmującą wiele wierszy.

<table> 
    <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
</table> 

Aby uzyskać więcej informacji na temat tych dwóch atrybutów, należy odwiedzić oficjalny numer documentation on w3.org.

Zachęcam także do nie używania tabel, chyba że trzeba przedstawić dane tabelaryczne.