Come faccio a cambiare la larghezza di una colonna nella tabella bootstrap?
In qualsiasi applicazione, le tabelle vengono utilizzate per organizzare i dati in forma tabulare. Ci sono colonne e righe in una tabella. A seconda della situazione, le larghezze e le altezze della colonna e delle righe possono essere cambiate. Più specificamente, la larghezza delle colonne deve essere specificata per regolare i dati della tabella in modo appropriato. Per questa causa, il "W-*"La classe può essere utilizzata.
Questo articolo descriverà come cambiare la larghezza di una colonna nella tabella bootstrap.
Come modificare la larghezza di una colonna tabella bootstrap?
Per modificare la larghezza della colonna della tabella, il bootstrap "W-*"La classe può essere utilizzata, dove l'asterisco"*"Simboleggia il valore di larghezza come"25","50","75", E "100", Che rappresenta la larghezza della colonna della tabella rispettivamente come 25%, 50%, 75%e 100%.
Esempio
Implementiamo un esempio per vedere come "W-*"La classe funziona.
Passaggio 1: crea una tabella
Crea una tabella seguendo i passaggi:
- Innanzitutto, crea una tabella usando HTML "
"Elemento.
- Aggiungere un ""Tag per la parte dell'intestazione del tavolo. Questo tag è composto da "
"Tag per creare una riga. - IL "
"Specifica le intestazioni della colonna. - Quindi, aggiungi il ""Parte costituita dalle righe dei dati della tabella.
- IL "
"Elementi specificano i dati della tabella. Html
S.NO Nome Punto 1 Giglio 98 2 Grahm 86 3 Oliver 84 Di conseguenza, la tabella aggiunta sembrerà così:
Passaggio 2: modificare la larghezza della tabella
Per modificare la larghezza della colonna della tabella, aggiungi la classe "W-75"Alla colonna:
Nome Come puoi vedere, la larghezza della seconda colonna è diventata con successo il 75% della tabella:
In questo modo, puoi cambiare correttamente la larghezza di una colonna nella tabella bootstrap.
Conclusione
In bootstrap, il "W-*"La classe cambia la colonna di larghezza della tabella. IL "*"Il simbolo indica il valore di larghezza, come"W-25","W-50","W-75", E "W-100". Per modificare la larghezza della colonna specifica, prima, crea una tabella usando HTML "
"Tag. Quindi, aggiungi la classe desiderata dalle classi menzionate alla colonna della tabella. Questo articolo ha spiegato come cambiare la larghezza di una colonna in bootstrap.
- « Come posso elencare solo filiali locali in Git?
- Come utilizzare l'utilità del disco sulla top 10 di Ubuntu.Top 10 »
- Aggiungere un ""Tag per la parte dell'intestazione del tavolo. Questo tag è composto da "