2013-10-23 10 views
11

Ich habe eine HTML-Tabelle und die CSS-Eigenschaft table-layout ist auf fixed festgelegt.Machen Sie die Spalte einer HTML-Tabelle über alle Spalten hinweg

Ich möchte eine der Zellen in der Tabelle, die einzige Zelle in einer bestimmten Zeile, über alle Spalten in der Tabelle, d. H. Um die gesamte Breite der Tabelle zu füllen.

Wenn ich:

<td colspan = "0" id = "tdPager"> 

Es arbeitet mit FireFox v24 und IE 9 und höher, funktioniert aber nicht mit dem Internet Explorer 8 oder darunter und einer beliebigen Version von Chrome.

Wie mache ich die Spalte über die gesamte Tischbreite in allen Browsern?

Ich habe alles versucht - Einstellung der Colspan auf die Werte "*", "100%" und sogar eine Zahl höher als die Gesamtzahl der Spalten, aber es erzeugt einen schrecklichen Effekt auf alle Browser. Alle Spalten in den restlichen Zeilen werden sehr dünn. Ich kann colspan nicht auf eine feste Zahl setzen, die der Gesamtzahl der Spalten entspricht, da die Anzahl der Spalten dynamisch ist.

+3

Konnte Colspan auf die Anzahl der Spalten in der Tabelle festgelegt werden? – khalid13

+1

möglich Duplikat von [Colspan alle Spalten] (http://stackoverflow.com/questions/398734/colspan-all-columns) –

+1

Failing das, könnten Sie den Colspan-Wert auf 32767 oder eine andere unplausibel hohe Zahl setzen? –

Antwort

18

Sie verwenden es falsch, indem Sie es auf 0 setzen.

Sie müssen die colspan gleich der maximalen Anzahl von Spalten, die Sie in einer beliebigen Zeile Ihrer Tabelle haben.

Also, wenn Ihre Tabelle 6 Spalten in Zeile 5 hat und das ist am meisten, dann würden Sie colspan="6" setzen. Wenn die Anzahl der Spalten dynamisch ist, müssen Sie colspan dynamisch festlegen.

-1

müssen Sie angeben, wie viele Spalten Sie wollen zB zu überbrücken: clospan = "3"

-2

colspan="100%" scheint in IE 10, Firefox 26 und Chrome gut zu funktionieren 31.

+3

Das ist zufällig, denn es ist das selbe wie 'colspan =" 100 "'. Benutze das nicht. – stackular

+0

http: // Stapelüberlauf.com/questions/398734/colspan-all-columns erklärt das weiter, nicht immer mit allen Browsern kompatibel ... – xchiltonx

-1

Sie können einfach eingestellt die maximal mögliche Anzahl für diese Spalte wird nicht in der Tabelle

wie wenn Sie max 5 Spalte haben, einfach gesetzt colspan = "6" oder noch mehr.

Verwandte Themen