2010-12-18 10 views
16

ich eine Tabelle mit 3 Zeilen und 3 Spalten haben. Wie können Spalten der letzten Zeile kombiniert werden? Meine html:html Tabellenzellen verbinden

<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> 

Antwort

42

Verwenden Sie das colspan attribute:

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

Das colspan Attribut definiert die Anzahl der Spalten sollte eine Zelle umfassen.

Es ist eine verwandte Attribut rowspan, die die gleiche für Zeilen erreicht.

+1

Als Anmerkung: Ich halte es für eine gute Übung, w3.org anstelle von w3schools zu verlinken, da später bekannt ist, dass sie Fehler machen. –

+3

@Alin Purcaru - Messepunkt. Doch für Neulinge, finde ich w3schools viel einfacher zu verstehen, und für diese Art von Informationen, sie sind nicht wahrscheinlich, einen Fehler zu machen. – Oded

+0

Sie haben wohl Recht. Für diese beiden Attribute erklärt W3 sie recht gut. –

8

Zu diesem Zweck genau das colspan Attribut erstellt wurde.

<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> 

Ebenso können Sie die rowspan Attribut verwenden, wenn Sie mehrere Zeilen erstrecken soll.

<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> 

mehr erfahren über diese beiden Attribute die offizielle documentation on w3.org besuchen.

Auch ich fordere Sie keine Tabellen verwenden, es sei denn, Sie tabellarische Daten darstellen müssen.

Verwandte Themen