Jak zmienić szerokość kolumny w tabeli bootstrap?
W dowolnej aplikacji tabele są używane do uporządkowania danych w formie tabelarycznej. W tabeli znajdują się kolumny i wiersze. W zależności od sytuacji szerokości i wysokości kolumny i wiersza można zmienić. Mówiąc dokładniej, należy określić szerokość kolumn, aby odpowiednio dostosować dane tabeli. Z tej przyczyny „W-*„Klasa można wykorzystać.
W tym zapisie opisano, jak zmienić szerokość kolumny w tabeli bootstrap.
Jak zmodyfikować szerokość kolumny tabeli bootstrap?
Aby zmienić szerokość kolumny tabeli, bootstrap „W-*„Klasa może być używana, gdzie gwiazdka”*”Symbolizuje wartość szerokości jako„25”,„50”,„75", I "100”, Który reprezentuje szerokość kolumny tabeli odpowiednio 25%, 50%, 75%i 100%.
Przykład
Zaimplementujmy przykład, aby zobaczyć, jak „W-*”Klasa działa.
Krok 1: Utwórz tabelę
Utwórz tabelę, wykonując kroki:
- Najpierw utwórz tabelę za pomocą HTML "
" element.
- Dodać "„Tag dla części nagłówka stołu. Ten tag składa się z „
„Tag, aby utworzyć wiersz. - „„
”Określa nagłówki kolumny. - Następnie dodaj „”Część składająca się z wierszy danych tabeli.
- „„
”Elementy określają dane tabeli. Html
S.NIE Nazwa Wynik 1 Lilia 98 2 Grahm 86 3 Oliver 84 W rezultacie dodana tabela będzie wyglądać tak:
Krok 2: Zmiana szerokości stołu
Aby zmienić szerokość kolumny tabeli, dodaj klasę „W-75„Do kolumny:
Nazwa Jak widać, szerokość drugiej kolumny z powodzeniem stała się 75% tabeli:
W ten sposób możesz skutecznie zmienić szerokość kolumny w tabeli bootstrap.
Wniosek
W bootstrapie „W-*„Klasa zmienia kolumnę szerokości tabeli. „„*„Symbol wskazuje wartość szerokości, na przykład„W-25”,„W-50”,„W-75", I "W-100". Aby zmienić szerokość określonej kolumny, najpierw utwórz tabelę za pomocą HTML ”
”Tag. Następnie dodaj żądaną klasę z wymienionych klas do kolumny tabeli. Ten zapis wyjaśnił, jak zmienić szerokość kolumny w bootstrapie.
- Dodać "„Tag dla części nagłówka stołu. Ten tag składa się z „