HTML Table Colgroup
ဇယား တစ်ခု၏ <colgroup>
သီးခြားကော်လံများကို ပုံစံသတ်မှတ်ရန် အစိတ်အပိုင်းကို အသုံးပြုသည်။
HTML Table Colgroup
ဇယားတစ်ခု၏ ပထမကော်လံနှစ်ခုကို ပုံစံဖော်လိုပါက၊ <colgroup>
နှင့် <col>
အစိတ်အပိုင်းများကို အသုံးပြုပါ။
မွန် | TUE | ဗုဒ္ဓဟူးနေ့ | စုဆောင်းပါ။ | FRI | SAT | နေမင်း |
---|---|---|---|---|---|---|
၁ | ၂ | ၃ | ၄ | ၅ | ၆ | ၇ |
၈ | ၉ | ၁၀ | ၁၁ | ၁၂ | ၁၃ | ၁၄ |
၁၅ | ၁၆ | ၁၇ | ၁၈ | ၁၉ | ၂၀ | ၂၁ |
၂၂ | ၂၃ | ၂၄ | ၂၅ | ၂၆ | ၂၇ | ၂၈ |
ကော်လံ <colgroup>
သတ်မှတ်ချက်များအတွက် အစိတ်အပိုင်းကို ကွန်တိန်နာအဖြစ် အသုံးပြုသင့်သည်။
အုပ်စုတစ်ခုစီကို အစိတ်အပိုင်းတစ်ခုဖြင့် သတ်မှတ်ထားသည် <col>
။
ရည်ညွှန်းချက်သည် စတိုင်လ်ကို ရရှိ သည့် span
ကော်လံအရေအတွက်ကို သတ်မှတ်သည်။
ရည်ညွှန်းချက်သည် ကော်လံများကို ပေးရန်အတွက် စတိုင် ကို style
သတ်မှတ်သည်။
မှတ်ချက် ။ ။ _
ဥပမာ
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
မှတ်ချက်- တဂ် သည် ဒြပ်စင်တစ်ခု၏ <colgroup>
ကလေးဖြစ်ရမည် ၊
၊ စသည်တို့ <table>
ကဲ့သို့သော အခြားဇယားဒြပ်စင်များရှေ့တွင် ထားရှိသင့်သည်
၊ သို့သော် ပါဝင်နေပါက ဒြပ်စင်၏နောက်တွင်။<thead>
<tr>
<td>
<caption>
တရားဝင် CSS ဂုဏ်သတ္တိများ
colgroup တွင်အသုံးပြုရန်ခွင့်ပြုထားသော CSS ဂုဏ်သတ္တိများ၏အလွန်ကန့်သတ်ရွေးချယ်မှုတစ်ခုသာရှိသည်-
width
ပစ္စည်း
visibility
ဥစ္စာ
background
ဂုဏ်သတ္တိ
border
ဂုဏ်သတ္တိ
အခြား CSS ဂုဏ်သတ္တိများအားလုံးသည် သင့်ဇယားများပေါ်တွင် သက်ရောက်မှုရှိမည်မဟုတ်ပါ။
Col Elements အများအပြား
မတူညီသောစတိုင်များဖြင့် နောက်ထပ်ကော်လံများကို ပုံစံဆင်လိုပါက၊
<col>
အတွင်းရှိ နောက်ထပ်ဒြပ်စင်များကို
အသုံးပြုပါ <colgroup>
။
ဥပမာ
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
<col span="3"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
ဗလာအဖွဲ့များ
ဇယားတစ်ခု၏အလယ်တွင် ကော်လံများကို ပုံစံသွင်းလိုပါက၊
<col>
ရှေ့ကော်လံများအတွက် "ဗလာ" ဒြပ်စင် (ပုံစံများမပါသော) ကိုထည့်ပါ-
ဥပမာ
<table>
<colgroup>
<col span="3">
<col
span="2"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
ကော်လံများကို ဖျောက်ပါ။
ကော်လံများကို သင် visibility: collapse
ပိုင်ဆိုင်မှုဖြင့် ဝှက်ထားနိုင်သည်-
ဥပမာ
<table>
<colgroup>
<col span="2">
<col span="3"
style="visibility: collapse">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...