Bootstrap CSS Tables အကိုးအကား
<table> အတန်းများ
မည်သည့်ဇယားကို ပုံစံသွင်းရန် အောက်ပါအတန်းများကို အသုံးပြုပါ။
Class | Description | Example |
---|---|---|
.table | Adds basic styling (light padding and only horizontal dividers) to any <table> | |
.table-striped | Adds zebra-striping to any table row within <tbody> (not available in IE8) | |
.table-bordered | Adds border on all sides of the table and cells | |
.table-hover | Enables a hover state on table rows within a <tbody> | |
.table-condensed | Makes table more compact by cutting cell padding in half | |
Combining all the table classes |
<tr>၊ <th> နှင့် <td> အတန်းများ
ဇယားအတန်းများ သို့မဟုတ် ဆဲလ်များကို အရောင်ခြယ်ရန် အောက်ပါအတန်းများကို သုံးပါ-
Class | Description | Example |
---|---|---|
.active | Applies the hover color (light-grey) to a particular row or cell | |
.success | Indicates a successful or positive action | |
.info | Indicates a neutral informative change or action | |
.warning | Indicates a warning that might need attention | |
.danger | Indicates a dangerous or potentially negative action |
တုံ့ပြန်မှုဇယားများ
.table-responsive အတန်းသည် တုံ့ပြန်မှုဇယားတစ်ခုကို ဖန်တီးသည်။ ထို့နောက် ဇယားသည် စက်ပစ္စည်းငယ်များ (768px အောက်) ပေါ်တွင် အလျားလိုက်ရွှေ့ပါမည်။ အနံ 768px ထက်ကြီးသော အရာများကို ကြည့်ရှုသောအခါတွင် ကွာခြားမှု မရှိပါ။
ဥပမာ
<div class="table-responsive">
<table class="table">
...
</table>
</div>