2013-10-23 9 views
11

Ho una tabella HTML e la proprietà CSS table-layout è impostata su fixed.Crea una colonna di una tabella HTML su tutte le colonne

Voglio una delle celle nella tabella, l'unica cella in una particolare riga, per estendersi su tutte le colonne della tabella, cioè per riempire l'intera larghezza della tabella.

quando uso:

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

Funziona con FireFox V24 e IE 9 e sopra, ma non funziona con Internet Explorer 8 o qui sotto e qualsiasi versione di Chrome.

Come faccio a fare in modo che la colonna si estenda sull'intera larghezza del tavolo in tutti i browser?

Ho provato tutto - impostare il colspan sui valori "*", "100%" e persino un numero più alto del numero totale di colonne ma produce un effetto orrendo su tutti i browser. Tutte le colonne nel resto delle righe diventano molto sottili. Non riesco a impostare il colspan su un numero fisso uguale al numero totale di colonne perché il numero di colonne è dinamico.

+3

È possibile impostare colspan sul numero di colonne nella tabella? – khalid13

+1

possibile duplicato di [Colspan tutte le colonne] (http://stackoverflow.com/questions/398734/colspan-all-columns) –

+1

In caso contrario, è possibile impostare il valore di colspan su 32767 o qualche altro numero non plausibile? –

risposta

18

Lo si utilizza in modo errato impostandolo su 0.

È necessario impostare colspan uguale al numero massimo di colonne che si hanno in qualsiasi riga della tabella.

Quindi, se il tuo tavolo ha 6 colonne nella riga 5 e questo è il massimo, allora devi impostare colspan="6".

Se il numero di colonne è dinamico, è necessario impostare lo colspan in modo dinamico.

-1

è necessario specificare il numero di colonne da estendersi ad esempio: clospan = "3"

-2

colspan="100%" sembra funzionare bene in IE 10, Firefox 26 e Chrome 31.

+3

Questo è accidentale, perché è lo stesso di 'colspan =" 100 "'. Non usare questo. – stackular

+0

http: // stackoverflow.it/questions/398734/colspan-all-columns lo spiega ulteriormente, non sempre compatibile con tutti i browser ... – xchiltonx

-1

si può solo impostare il numero massimo possibile per quella colonna non sarà disponibile nella tabella

come se si dispone di max 5 colonne, basta impostare colspan = "6" o anche più.

Problemi correlati