Tabali minnu bɛ yen
Sɛbɛnw ni misaliw tabali cogoya sugandicogo la (ka da u baaracogo kan JavaScript plugins kɔnɔ) ni Bootstrap ye.
Misaliw
K’a sababu kɛ tabali baara cayalenba ye mɔgɔ sabananw ka wideyow kɔnɔ i n’a fɔ kalandriyaw ani donw sugandibagaw, an y’an ka tabaliw dilan walasa u ka kɛ mɔgɔ sugandilenw ye . Dɔrɔn ka basigi kalasi .table
Fàra fɛn o fɛn kan <table>
, o kɔ fɛ ka janya ni ladamu cogoyaw ye walima an ka fɛn caman b’a la minnu bɛ fɛn caman sɛmɛntiya.
Baara kɛli ni tabali taamasiyɛn jɔnjɔnba ye, nin ye .table
-based tabali bɛ cogo min na Bootstrap kɔnɔ. Tabali cogoyaw bɛɛ bɛ ciyɛn ta Bootstrap 4 kɔnɔ, o kɔrɔ ye ko tabali minnu bɛ sigi sen kan, olu bɛna cogoya kelen na ni bangebaga ye.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
Aw bɛ se fana ka kulɛriw wuli—ni sɛbɛnni jɛlenw ye dibi la—ni .table-dark
.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
Tabali kunkolo suganditaw
I n’a fɔ tabali ni tabali dibimanw, baara kɛ ni modificateur classes ye .thead-light
walima .thead-dark
ka <thead>
s kɛ i n’a fɔ a ɲɛ ye jɛman ye walima a ɲɛ ye nɛrɛmuguma ye.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
Layini sɛrɛkiliw
Aw bɛ baara kɛ ni .table-striped
zebra-striping fara tabali jirisun o tabali kan <tbody>
.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
Tabali min bɛ dankan na
Aw bɛ a fara a kan .table-bordered
walasa ka danw kɛ tabali ni seliw fan bɛɛ la.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
Tabali min tɛ dan sigi
A fara a kan .table-borderless
ka kɛ tabali ye min dan tɛ a la.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
.table-borderless
bɛ se ka kɛ fana tabali dibimanw kan.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
Layiw minnu bɛ se ka wuli
Fàra ɲɔgɔn kan .table-hover
walasa ka se ka hover cogoya dɔ Kɛ tabali jὲkuluw kan a kɔnɔ <tbody>
.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
Tabali fitinin dɔ
Aw bɛ a fara a kan .table-sm
walasa ka tabali kɛ ɲɔgɔn fɛ ni aw ye selilɛriw tigɛ ka tila tila.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ka Kɔnɔ | @twitter kan |
Kalanso minnu bɛ kɛ ka ɲɛsin ko kɛlenw ma
Baara kɛ ni contextual classes ye walasa ka tabali jiriw walima seliw kelen-kelenw kulɛri.
Kilasi | Kumakun | Kumakun |
---|---|---|
Walawalalen | Selili | Selili |
Fɔlɔ | Selili | Selili |
Fɔlɔ | Selili | Selili |
Seginnkanni | Selili | Selili |
Sanga | Selili | Selili |
Farati | Selili | Selili |
Lasɔmi | Selili | Selili |
Info | Selili | Selili |
Yeelen | Selili | Selili |
Dibi | Selili | Selili |
Tabali kɔkanna suguya basigilenw tɛ sɔrɔ ni tabali dibiman ye, nka, i bɛ se ka baara kɛ ni sɛbɛnni walima kɔkanna nafamafɛnw ye walasa ka o cogoya kelenw sɔrɔ.
# Bamako . | Kumakun | Kumakun |
---|---|---|
1 ye | Selili | Selili |
2 ye | Selili | Selili |
3 ye | Selili | Selili |
4 ye | Selili | Selili |
5 ye | Selili | Selili |
6 ye | Selili | Selili |
7 ye | Selili | Selili |
8 ye | Selili | Selili |
9 ye | Selili | Selili |
Kɔrɔ lasecogo dɛmɛni fɛɛrɛw ma
Baara kɛli ni kulɛri ye walasa ka kɔrɔ fara a kan, o bɛ taamasiyɛn yelen dɔrɔn de di, min tɛna lase dɛmɛni fɛɛrɛw baarakɛlaw ma – i n’a fɔ ɛkran kalanbagaw. Aw ye aw jija kunnafoni minnu jiralen don ni kulɛri ye, olu bɛ ye ka bɔ kɔnɔkow yɛrɛ la (misali la sɛbɛn yelen), walima u bɛ don a kɔnɔ fɛɛrɛ wɛrɛw fɛ, i n’a fɔ sɛbɛn wɛrɛw minnu dogolen don ni .sr-only
kalan ye.
Aw bɛ jaabi-tabali Dabɔ ni fɛn o fɛn sirili ye .table
ni .table-responsive{-sm|-md|-lg|-xl}
, ka tabali Kɛ 'sènfɛ-sɛbɛnni-yɔrɔ kelen-kelen bɛɛ max-width
la fo ka Se (nka a ma Dòn a la) 576px, 768px, 992px, ani 1120px, o cogo la.
A kɔlɔsi ko ikomi navigatɔrɔw tɛ dɛmɛ don sisan range context queries , an bɛ baara kɛ ni dantigɛliw ye min-
ani max-
prefixes ani viewports ni fractional widths (min bɛ se ka kɛ cogoya dɔw la dpi sanfɛ minɛnw kan, misali la) ni nafaw ye minnu bɛ ni tiɲɛni caman ye o sangaɲɔgɔnmaw kama .
Sɛbɛnw ɲɛfɔli sɛbɛnw
A bɛ <caption>
baara kɛ i n’a fɔ tabali kuncɛ. A bɛ baarakɛlaw dɛmɛ ni ɛkran kalanbagaw ye walasa u ka tabali sɔrɔ ani k’a faamuya a bɛ min kan ani k’a latigɛ n’u b’a fɛ k’a kalan.
# Bamako . | Fɔlɔ | Laban | Kala |
---|---|---|---|
1 ye | Marka | Otto ye | @mdo ye |
2 ye | Yakuba | Thornton ye | @belebeleba |
3 ye | Larry ye | Kɔnɔ in | @twitter kan |
Tabali minnu bɛ jaabi di
Tabali minnu bɛ jaabi di, olu b’a to tabali bɛ se ka wuli ka taa a fɛ ni nɔgɔya ye. Aw bɛ tabali o tabali kɛ jaabi ye filɛlikɛlanw bɛɛ kɔnɔ ni aw ye a siri .table
ni .table-responsive
. Walima, aw bɛ kariyɔrɔba dɔ sugandi min bɛ se ka jaabi tabali sɔrɔ ni min ye ni aw bɛ baara kɛ ni .table-responsive{-sm|-md|-lg|-xl}
.
Clipping/truncation jɔlen
Tabali minnu bɛ jaabi di, olu bɛ baara kɛ ni overflow-y: hidden
, min bɛ kunnafoni fɛn o fɛn bɛ tɛmɛ tabali duguma walima sanfɛ dakunw kan, o bɛ tigɛ. Kɛrɛnkɛrɛnnenya la, o bɛ se ka clip off dropdown menus ani mɔgɔ wɛrɛw ka widget wɛrɛw bɔ.
A bɛ jaabi di tuma bɛɛ
Kariyɔrɔ kelen-kelen bɛɛ kan, aw bɛ baara kɛ ni .table-responsive
tabali ye min bɛ wuli ka taa a fɛ.
# Bamako . | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun |
---|---|---|---|---|---|---|---|---|---|
1 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
2 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
3 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
Breakpoint kɛrɛnkɛrɛnnen
Baara kɛ .table-responsive{-sm|-md|-lg|-xl}
i n’a fɔ a mago bɛ cogo min na walasa ka jaabi tabali dilan fo ka se kariyɔrɔ kɛrɛnkɛrɛnnen dɔ ma. Ka bɔ o kariyɔrɔ la ka taa san fɛ, tabali bɛna kɛ cogo la min bɛ kɛ cogo la, wa a tɛna wuli ka taa a fɛ.
O tabali ninnu bɛ se ka kɛ i n’a fɔ u karilen don fo u jaabi cogoyaw ka baara kɛ filɛlikɛyɔrɔw bonya kɛrɛnkɛrɛnnenw na.
# Bamako . | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun |
---|---|---|---|---|---|---|---|---|
1 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
2 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
3 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
# Bamako . | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun |
---|---|---|---|---|---|---|---|---|
1 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
2 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
3 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
# Bamako . | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun |
---|---|---|---|---|---|---|---|---|
1 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
2 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
3 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
# Bamako . | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun | Kumakun |
---|---|---|---|---|---|---|---|---|
1 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
2 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |
3 ye | Selili | Selili | Selili | Selili | Selili | Selili | Selili | Selili |