Hvordan endrer jeg bredden på en kolonne i bootstrap -tabellen?
I alle applikasjoner brukes tabeller til å organisere dataene i tabellform. Det er kolonner og rader i en tabell. Avhengig av situasjonen kan kolonnen og radens bredder og høyder endres. Mer spesifikt må bredden på kolonnene spesifiseres for å justere tabellens data på riktig måte. For denne årsaken, “w-*”Klasse kan brukes.
Denne oppskrivningen vil beskrive hvordan du endrer bredden på en kolonne i bootstrap-tabellen.
Hvordan endre bredden på en bootstrap -tabellkolonne?
For å endre tabellens kolonnebredde, bootstrap “w-*”Klasse kan brukes, der stjernen”*”Symboliserer breddeverdien som“25”,“50”,“75”, Og“100”, Som representerer tabellens kolonnebredde som henholdsvis 25%, 50%, 75%og 100%.
Eksempel
La oss implementere et eksempel for å se hvordan “w-*”Klasse fungerer.
Trinn 1: Lag en tabell
Lag en tabell ved å følge trinnene:
- Først må du lage en tabell ved hjelp av HTML “
”Element.
- Legg til en "”Tag for tabellens toppdel. Denne taggen består av en “
”Tag for å lage en rad. - “
”Angir kolonnenes overskrifter. - Deretter legger du til “”Del bestående av tabelldatraer.
- “
”Elementer spesifiserer tabelldataene. Html
S.Nei Navn Poengsum 1 Lily 98 2 Grahm 86 3 Oliver 84 Som et resultat vil den ekstra tabellen se slik ut:
Trinn 2: Endre bredden på tabellen
For å endre tabellkolonens bredde, legg til klassen “W-75”Til kolonnen:
Navn Som du kan se, ble bredden på den andre kolonnen vellykket 75% av tabellen:
På denne måten kan du lykkes med å endre bredden på en kolonne i bootstrap -tabellen.
Konklusjon
I bootstrap, "w-*”Klasse endrer tabellbreddekolonnen. “*”Symbol indikerer breddeverdien, for eksempel“W-25”,“W-50”,“W-75”, Og“W-100”. For å endre den spesifikke kolonnens bredde, lag først en tabell ved hjelp av HTML “
" stikkord. Legg deretter til den ønskede klassen fra de nevnte klassene i tabellens kolonne. Denne oppskrivningen har forklart hvordan du endrer bredden på en kolonne i Bootstrap.
- « Hvordan viser jeg bare lokale grener i git?
- Hvordan bruke diskverktøyet på Ubuntu Top 10.Topp 10 »
- Legg til en "”Tag for tabellens toppdel. Denne taggen består av en “