Come cambiare il colore di sfondo delle righe della tabella o delle singole celle in bootstrap

In Bootstrap, le classi predefinite vengono utilizzate per aggiungere vari styling agli elementi. Queste classi aiutano gli sviluppatori a creare siti Web reattivi e visivamente accattivanti. Più specificamente, lo styling tabelle è una delle preziose caratteristiche di bootstrap. Mentre si lavora con le tabelle, un compito comune sta cambiando il colore di sfondo delle righe o delle singole celle.

Questo articolo descriverà:

• • Come creare una tabella bootstrap?
  • Come modificare il colore di sfondo delle righe della tabella in bootstrap?
  • Come cambiare il colore di una singola cella del tavolo in bootstrap?

Come creare una tabella bootstrap?

Per creare una tabella in bootstrap, prova i seguenti passaggi:

• • Innanzitutto, aggiungi un ""Elemento per fare un tavolo. Assegnalo il "tavolo","bordo del tavolo" E "tavolo-alberno" classi.
    Quindi, per specificare l'intestazione della tabella, utilizzare il ""Tag, che consiste in"
    "Elemento, che consiste nel""Per la riga e il""Tag.
    Per impostare il colore specifico della cella della tabella, specificare una classe per quel particolare "

    "Tag per specificare le intestazioni. Dopo la parte dell'intestazione, crea la parte del corpo usando "
    " parte. Html S no. Nomi degli studenti Corso 1 Stato un Sistemi operativi 2 Sposare Programmazione orientata agli oggetti 3 Linda Sistemi informatici 4 Peter Progettazione grafica Come puoi vedere, la tabella bootstrap è stata creata correttamente: Come modificare il colore delle righe della tabella in bootstrap? Le classi predefinite vengono utilizzate per cambiare i colori della tabella o delle righe come spiegato di seguito: Classi Descrizione "Table-Primary" Questa classe viene utilizzata per indicare un'azione vitale. Aggiunge un colore blu agli elementi del tavolo. "tavolo-canale" Questa classe viene utilizzata per rappresentare l'azione negativa. Applica un colore rosso agli elementi del tavolo. "SUCCESSIONE DELLA TABELLA" Mostra l'azione positiva e applica il colore verde agli elementi del tavolo. "Warning del tavolo" Visualizza avvertimenti che richiedono un po 'di azione e aggiunge un colore giallo ai componenti del tavolo. "Table-Default" Questa classe aggiunge colore bianco ai componenti della tabella e viene utilizzata per mostrare la riga selezionata. "tavolo-secondario" Applica un colore grigiastro agli elementi del tavolo e indica le attività meno importanti. "tavolo-attivo" Applica il colore grigio ai componenti del tavolo su Hover. "Table-Info" Applica un colore blu chiaro per indicare un'azione informativa neutra. "tavolo-buio" Viene utilizzato per creare una tavola grigio scuro. "tavolo" Aggiunge il colore grigio e viene utilizzato per specificare lo sfondo della riga della tabella. Esempio Implettiamo ogni classe sulle righe della tabella: S no. Classe Bootstrap 1 Table-Primary 2 tavolo-canale 3 SUCCESSIONE DELLA TABELLA 4 Warning del tavolo 5 Table-Default 6 tavolo-secondario 8 Table-Info 7 tavolo-attivo 9 tavolo-buio 10 tavolo Produzione Come modificare il colore delle singole celle in bootstrap? Per cambiare il colore delle singole celle, è possibile utilizzare diverse classi, come: "BG-Info"Significa un'azione informativa neutrale e aggiunge un colore blu. "BG-PRIMARY"Rappresenta l'azione positiva e applica un colore blu. "BG-Danger"Indica l'azione pericolosa e aggiunge un colore rosso. "BG-Warning"Viene utilizzato per aggiungere un colore giallo e indica un messaggio di avviso. "BG-SUCCESS"Indica un'azione positiva. Per regolare il colore della singola cella, aggiungere la classe richiesta alla cella di dati specifica "<TD>". Dai un'occhiata all'esempio che dimostra la spiegazione sopra discussa. Esempio: modifica del colore di una cella di tabella specifica in bootstrap Nel seguente esempio: Per modificare il colore della riga della tabella, specificare la classe all'interno di “
    "Elemento: S no. Nomi degli studenti Corso 1 Stato un Sistemi operativi 2 Sposare Programmazione orientata agli oggetti 3 Linda Sistemi informatici 4 Peter Progettazione grafica Produzione Si trattava di cambiare il colore di sfondo delle righe della tabella o delle singole celle in bootstrap. Conclusione Per modificare il colore di sfondo delle righe della tabella, "tavolo-alberno"La classe può essere utilizzata. Diverse classi possono essere utilizzate per specificare il colore di sfondo della riga, come "tavolo-canale","Warning del tavolo","tavolo-buio","Table-Primary", e molti altri. Più specificamente, per cambiare il colore della cella della tabella specifica, più classi, come "BG-Danger","BG-SUCCESS", E "BG-Info"Sono utilizzati. Questo articolo ha spiegato come cambiare il colore di sfondo delle righe della tabella o delle singole celle in bootstrap. « Come trovare l'antenato comune più recente di due rami? Come assegnare la stringa di più righe nella console PowerShell » C ++ Comprensione durante il ciclo in C ++ In C ++ while (vero) loop è anche noto come un loop infinito. Esegue il corpo di un ciclo in tempi i... Dr. Evita Damico Programmazione C istruzione if-else nella programmazione C L'istruzione IF-ELSE è un concetto cruciale nella programmazione C che consente il processo decision... Nick Marini PHP Come utilizzare la funzione Scandir in PHP La funzione Scandir () in PHP scansiona una directory per file e directory. Restituisce un array di ... Dr. Folco Leone Pitone Python chiama il metodo statico all'interno della classe Osea Martini Pitone Etichette dell'asse di Seaborn Dr. Folco Leone Golang Introduzione al linguaggio di programmazione di Golang Nick Marini PHP Come utilizzare la funzione php strcmp Dr. Evita Damico Oracle Database Qual è lo scopo di Oracle Cerner? Dr. Ursula Marini html Come creare punti elenco HTML? Nick Marini Powershell Come usare Get-AddrincipalGroupMembership in PowerShell Nunzia Martini AWS Cosa è la sottorete su AWS VPC e come usarlo? Piererminio De luca PHP Come utilizzare la funzione Php Rand Nunzia Martini Programmazione C Come stampare un indirizzo di una variabile nella programmazione C? Nick Marini