Bootstrap ဇယားများ

Bootstrap အခြေခံဇယား

အခြေခံ Bootstrap ဇယားတွင် အလင်းတန်းများရှိပြီး အလျားလိုက်ပိုင်းခြားမှုများသာ ပါရှိသည်။

.tableအတန်းသည် ဇယားတစ်ခုသို့ အခြေခံပုံစံကို ပေါင်းထည့်သည် -

အစင်းတန်းများ

.table-stripedအတန်းသည် စားပွဲတစ်ခုသို့ မြင်းကျားအစင်းများ ထည့်သည် -

နယ်နိမိတ်ဇယား

.table-borderedအတန်းသည် ဇယားနှင့် ဆဲလ်များ၏ ထောင့်အားလုံးကို ပေါင်းထည့်သည် -

Hover Rows

အတန်း သည် .table-hoverစားပွဲအတန်းများတွင် ပြေးလွှားသည့်အကျိုးသက်ရောက်မှု (မီးခိုးရောင်နောက်ခံအရောင်) ကို ပေါင်းထည့်သည်-

နို့ဆီစားပွဲ

အတန်း သည် .table-condensedဆဲလ်အကွက်များကို တစ်ဝက်စီဖြတ်ခြင်းဖြင့် ဇယားကို ပိုမိုကျစ်လစ်စေသည်-

ဆက်စပ်အတန်းများ

<tr>ဆက်စပ်အတန်းများကို ဇယားအတန်းများ ( ) သို့မဟုတ် ဇယားဆဲလ်များ ( <td>): အရောင်ခြယ်ရန်အတွက် အသုံးပြုနိုင်သည် ။

အသုံးပြုနိုင်သော ဆက်စပ်အတန်းများမှာ-

တုံ့ပြန်မှုဇယားများ

.table-responsiveအတန်းသည် တုံ့ပြန်မှုဇယားတစ်ခုကို ဖန်တီးသည် ။ ထို့နောက် ဇယားသည် စက်ပစ္စည်းငယ်များ (768px အောက်) ပေါ်တွင် အလျားလိုက်ရွှေ့ပါမည်။ အနံ 768px ထက်ကြီးသော အရာများကို ကြည့်ရှုသောအခါတွင် ကွာခြားမှု မရှိပါ။

<table >
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>[email protected]</td>
  <tr>
  <tr>
    <td>Mary</td>
    <td>Moe</td>
    <td>[email protected]</td>
  </tr>
  <tr>
    <td>July</td>
    <td>Dooley</td>
    <td>[email protected]</td>
  </tr>
<table>

Bootstrap Table ကိုးကားချက်ကို အပြီးသတ်ပါ။

ဇယားအတန်းများအားလုံး၏ အပြည့်အစုံကိုးကားရန်အတွက်၊ ကျွန်ုပ်တို့၏ ပြီးပြည့်စုံသော Bootstrap Tables Reference သို့ သွားပါ ။