Come si inserisce uno spazio tra due righe in una tabella bootstrap

Come si inserisce uno spazio tra due righe in una tabella bootstrap

Le tabelle sono i componenti che aiutano a organizzare i dati. Bootstrap fornisce più classi utilizzate per la creazione di tabelle diverse, come "tavolo senza bordo"Che crea un tavolo senza bordi,"tavolo-buio"Che viene utilizzato per creare una tabella di colore scuro,"bordo del tavolo"Utilizzato per creare tavoli con bordi e molti altri. Più specificamente, il "Collapse al confine" E "spaziatura del confine"Le proprietà vengono utilizzate per aggiungere spazio tra le righe della tabella.

Questo articolo descriverà:

    • Come creare un tavolo bordo bootstrap?
    • Come aggiungere spazio tra le righe della tabella in bootstrap?

Come creare una tabella del confine in bootstrap?

La tabella del confine viene creata utilizzando il

Elemento con la classe "Borderd-Borderd". Di seguito sono riportate le istruzioni per creare una tabella:

    • Innanzitutto, aggiungi il “
Tag con il "tavolo" E "bordo del tavolo" classi.
  • IL ""Il tag viene utilizzato per la creazione della parte dell'intestazione e"
  • "Il tag viene utilizzato per specificare la parte del corpo.
  • IL "
  • "Tag crea righe della tabella, il"
    Il tag aggiunge intestazioni e ""Il tag include i dati della tabella.

    Html


















    NomiProfessione
    JohnIngegnere del software
    OliverInsegnante


    Produzione

    Come aggiungere spazio tra le righe della tabella in bootstrap?

    Per aggiungere spazi tra le righe della tabella, il CSS "Collapse al confine" E "spaziatura del confine"Vengono utilizzate le proprietà. La proprietà CSS "Collapse a confine" con il valore assegnato come "separato"Mantiene il bordo del tavolo separato. Mentre la proprietà "spaziatura del confine" aggiunge spazio tra i confini.

    Classe "Tabella" di stile

    .tavolo
    Collapse di confine: separato;
    Spazio di confine: 0 2px;


    Come puoi vedere nell'immagine sotto fornita, gli spazi tra le righe della tabella sono stati aggiunti correttamente:


    Ecco come puoi mettere uno spazio tra le righe nella tabella bootstrap.

    Conclusione

    Per aggiungere spazi tra le righe della tabella, prima crea una tabella usando il

    elemento. Aggiungi la "tabella" e "bordo del tavolo"Lezioni per il"
    "Elemento per fornire stili e confini generali, rispettivamente. Quindi, aggiungi gli spazi tra le righe usando il CSS "spaziatura del confine" proprietà. Questa proprietà funziona con il “Collapse al confine"Proprietà con valore" separato ". Questo articolo ha descritto come mettere spazio tra le righe nella tabella bootstrap.