Jump to content

လွင်ႈၸွႆႈထႅမ်:Table

လုၵ်ႉတီႈ ဝီႇၶီႇၽီးတီးယႃး ဢၼ်လွတ်ႈလႅဝ်းထၢင်ႇႁၢင်ႈ ၼၼ်ႉမႃး
တၢင်းၸွႆႈထႅမ် လွင်ႈတႅမ်ႈမႄးထတ်း လွင်ႈၸႂ်ႉတိုဝ်း ပိူင်တႅမ် လၵ်းၼမ်း

တႄႇတႅမ်ႈလွင်ႈမူၼ်ႉမႄးလွင်ႈတမ်းပိူင် (Formatting)၊ လွင်ႈၵွင်ႉၵၢႆႇ (Linking)၊ မၢႆ (list)၊ တမ်းလွၵ်းသဵၼ်ႈ (Table)၊ Infoboxၶႅပ်းႁၢင်ႈ (Image)၊ လွင်ႈလေႃးၵၼ်ၽိုၼ်ဢိင်ငဝ်ႈငႃႇ ပၢႆးၼပ်ႉၽိုၼ်မၢႆ



ပေႃးၶႂ်းသၢင်ႈ လွၵ်းသဵၼ်ႈ Table ၼႆ wiki လႄႈ html ၼႆႉ ဢမ်ႇမိူၼ်ၵၼ်။ ၵူၺ်းၵႃႈဝႃႈ syntax မၼ်းတႄႉ မိူၼ်ၵၼ်ယူႇ။ တီႈ HTML ၼႆႉ ဢဝ် <table> သေ တႄႇယဝ်ႉ </table> သေသုတ်းသေ တီႈၼႆႈတႄႉ { ဢဝ် | ၼႆတႄႇလႄႈ ဢဝ် |}ၼႆႉၶိုၼ်းသုတ်းယဝ်ႉ။ တီႈ HTML ၼၼ်ႉ ဢၼ်ပဵၼ် <tr> ၼၼ်ႉ လႅၵ်ႈလၢႆႈဝႆႉပဵၼ် |- ယဝ်ႉ။ တီႈ <td> ၼၼ်ႉတႄႉ တေလႆႈလႅၵ်ႈလၢႆႈ တႅမ်ႈပၼ် | ဢၼ်ၼႆႉယဝ်ႉ။

Cell 1 Cell 2
Cell 3 Cell 4

{| |- |Cell 1 |Cell 2 |- |Cell 3 |Cell 4 |} |}

ပေႃးၶႂ်ႈတႄႇ လွၵ်းသဵၼ်ႈၼိုင်ႈဢၼ်ၼႆ တေလႆႈတႄႇတင်း {| ဢၼ်ၼႆႉယဝ်ႉ။ ပေႃးဝႃႈ တေတႄႇသၢင်ႈ row ၼိုင်ႈဢၼ်ၼႆ တေလႆႈၸႂ်ႉပၼ် |- ဢၼ်ၼႆႉယဝ်ႉ။ တွၼ်ႈတႃႇ Column ဢၼ်မီးၽၢႆႇၼႂ်းမၼ်းၼႆႉ တေလႆႈၸႂ်ႉပၼ် | ယဝ်ႉ။ တေလူဝ်ႇ Column ၵႃႈႁိုဝ်ၵေႃႈ တေလႆႈသႂ်ႇပၼ်ယဝ်ႉ။ ပေႃးတီႈ row ၽၢႆႇၼိူဝ်သုတ်းၼၼ်ႉ ႒ ဢၼ်ၼႆၵေႃႈ ဢၼ်ၵိုတ်းလိူဝ်တင်းမူတ်းၼၼ်ႉၵေႃႈ ပဵၼ် ႒ ဢၼ်ယဝ်ႉ။

ဢၼ်ပဵၼ် လွၵ်းသဵၼ်ႈမီး Row 2 လႄႈ Column 3 ၼၼ်ႉ တေၸၢင်ႈသၢင်ႈလႆႈ ၼင်ႇၼႆယဝ်ႉ။

Row1 Cell1 Row1 Cell2 Row1 Cell3
Row2 Cell1 Row2 Cell2 Row2 Cell3

{| |- |Row1 Cell1 |Row1 Cell2 |Row1 Cell3 |- |Row2 Cell1 |Row2 Cell2 |Row2 Cell3 |}

ဢၼ်ပဵၼ် Style sheet ၼၼ်ႉၵေႃႈ ႁဝ်းၶႃႈ ၸၢင်ႈဢဝ်သႂ်ႇၸႂ်ႉၵႂႃႇလႆႈယူႇ။ ယဝ်ႉၵေႃႈ ဢၼ်ပဵၼ် attribute ၶွင် table တီႈ HTML ၼၼ်ႉၵေႃႈ ၸၢင်ႈဢဝ်ၸႂ်ႉလႆႈယူႇ။

Row1 Cell1 Row1 Cell2 Row1 Cell3
Row2 Cell1 Row2 Cell2 Row2 Cell3

{| border="1" style="font-size:9px" |- |Row1 Cell1 |Row1 Cell2 |Row1 Cell3 |- |Row2 Cell1 |Row2 Cell2 |Row2 Cell3 |} တီႈၼၼ်ႈၼၼ်ႉၼႆ ၸႂ်ႉဝႆႉ attribute ဢၼ်ဝႃႈ border ၼၼ်ႉယဝ်ႉ။ Style မၼ်းတႄႉ ပဵၼ် CSS ယဝ်ႉ။ ၸဝ်ႈၵဝ်ႇလႆႈၸႂ် style sheet သင်ၵေႃႈ တႅမ်ႈလႆႈယူႇ။ တွၼ်ႈတႃႇ row ဢၼ်လႂ်ဢၼ်ၼၼ်ႉၵေႃႈ တႅမ်ႈလႆႈယူႇ။

Row1 Cell1 Row1 Cell2 Row1 Cell3
Row2 Cell1 Row2 Cell2 Row2 Cell3

{| border="1" style="font-size:10px" |-style="font-size:12px;color:blue" |Row1 Cell1 |Row1 Cell2 |Row1 Cell3 |-style="font-size:12px;color:red" |Row2 Cell1 |Row2 Cell2 |Row2 Cell3 |}

ကျွန်တော်တို့တွေ Column တွေကို ပေါင်းချင်ရင် merge လုပ်ချင်ရင်ပေါ့ HTML မှာလို colspan ကိုအသုံးပြုနိုင်ပါတယ်။

Row1 Cell1 Row1 Cell2


Row2 Cell1 Row2 Cell2
Row3 Cell1 Row3 Cell2 Row3 Cell3

{| border="1" style="font-size:10px" |- | colspan="3" | Row 1 Cell1 |- | colspan="2" | Row2 Cell1 || Row2 Cell2 |-style="font-size:12px;color:red" |Row3 Cell1 || colspan="2" | Row3 Cell2 |- |Row4 Cell1 |Row4 Cell2 |Row4 Cell3 |}

ပေႃးၸႂ်ႉ colspan ၼႆတႄႉ တီႈ cell မၼ်းၼၼ်ႉ တေလႅၵ်ႈလၢႆႈပဵၼ်ၵႂႃႇ || ၼၼ်ႉယဝ်ႉ။ တီႈ colspan ၼႆႉ ယွၼ်ႉမီးဝႆႉ column ႓ ဢၼ်လႄႈ ပေႃးဢဝ် column ႒ ဢၼ်ႁူမ်ႈၵၼ်ၼႆ တေလႆႈႁၼ် လူဝ်ႇလႆႈၶိုၼ်းသႂ်ႇပၼ်ထႅင်ႈဢၼ်ၼိုင်ႈယဝ်ႉ။ ၵေႃႈမိူၼ်ၼၼ်ၼင်ႇၵဝ်ႇ တီႈ row span ၵေႃႈ ၸႂ်ႉလႆႈမိူၼ်ၵၼ်ယဝ်ႉ။

Row1 Cell1 Row1 Cell2 Row1 Cell3
Row2 Cell2 Row2 Cell3
Row3 Cell1 Row3 Cell2 Row3 Cell3
Row4 Cell1 Row4 Cell3
Row5 Cell1 Row5 Cell2 Row5 Cell3
Row6 Cell1 Row6 Cell2

{| border="1" style="font-size:10px" |- | rowspan="2" | Row1 Cell1 ||Row1 Cell2 ||Row1 Cell3 |- |Row2 Cell2 |Row2 Cell3 |- |Row3 Cell1 |rowspan="2" | Row3 Cell2 ||Row3 Cell3 |- |Row4 Cell1 |Row4 Cell3 |- |Row5 Cell1 |Row5 Cell2 |rowspan="2"|Row5 Cell3 |- |Row6 Cell1 |Row6 Cell2 |}

ပိူင်ယၢင်ႇ ဢၼ်သၢင်းလၢင်း

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]

ပိူင်တႅမ်ႈ ဢၼ်ၼႄဝႆႉ ၽၢႆႇတၢင်ႈ တင်းသွင်ဢၼ်ၼႆႉ လႆႈလွၵ်းသဵၼ်ႈ မိူၼ်ၵၼ်ယဝ်ႉ။ ပေႃးဝႃႈတေလိူၵ်ႈ ပိူင်တႅမ်ႈၼႆ တူၺ်းၼိူဝ် ဢိင်ၼိူဝ် တင်းၼမ်တူဝ်လိၵ်ႈသေၵေႃႈ လိူၵ်ႈၸႂ်ႉၵႂႃႇလႄႈ။


ပိူင်တႅမ်ႈ ဝီႇၶီႇ

{| | A | B |- | C | D |}

{| | A || B |- | C || D |}

ဢၼ်တေ ဢွၵ်ႇၼႄတီႈ browser

A B
C D


ပိူင်ယၢင် လွၵ်းသဵၼ်ႈ မၢႆၵုၼ်း

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]

ပိူင်တႅမ်ႈဝီႇၶီႇ

{| class="wikitable" style="text-align:center" |+Multiplication table |- ! &times; !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |- ! 4 | 4 || 8 || 12 |- ! 5 | 5 || 10 || 15 |}

ဢၼ်တေလႆႈႁၼ် တီႈ browser ၸဝ်ႈၵဝ်ႇ (တူၺ်းလႆႈတီႈ Help:User_style)

Multiplication table
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15


လွင်ႈၸႂ်ႉ သီ Color;

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]

တီႈလွၵ်းၼိုင်ႈလွၵ်းၼႆႉ လွၵ်းလၢႆး ဢၼ်မၵ်းမၼ်ႈ သီတူဝ်လိၵ်ႈလႄႈ သီပိုၼ်ႉလင်မၼ်းၼၼ်ႉ မီးဝႆႉယူႇ သွင်လၢႆး။ ၸႂ်ႉတိုဝ်း လွၵ်းလၢႆး မၢႆၼိုင်ႈၼၼ်ႉလႄႈ။

ပိူင်တႅမ်ႈဝီႇၶီႇ

{| | style="background:red; color:white" | abc | def | bgcolor="red" | <font color="white"> ghi </font> | jkl |}

ဢၼ်တေလႆႈႁၼ်တီႈ browser ၸဝ်ႈၵဝ်ႇ

abc def ghi jkl

ၼင်ႇၶေႃႈလိၵ်ႈသၢင်ႈ (parameter) တၢင်ႇၸိူဝ်း ၸၢင်ႈမၵ်းမၼ်ႈလႆႈ တႅဝ်းတင်းဢၼ် ဢမ်ႇၼၼ် လွၵ်းသဵၼ်ႈတင်းဢၼ်ၼၼ်ႉယဝ်ႉ။ ၶေႃႈလိူၵ်ႈသၢင်ႈ တႅဝ်းၼႆႉ မၼ်းပူၼ်ႉလိူဝ် ၶေႃႈလိူၵ်ႈသၢင်ႈ လွၵ်းသဵၼ်ႈသေ၊ ၶေႃႈလိၵ်ႈသၢင်ႈ လွၵ်းၵေႃႈ မၼ်းပူၼ်ႉလိူဝ်ႇ ၶေႃႈလိၵ်ႈသၢင်ႈတႅဝ်းယဝ်ႉ။

ပိူင်တႅမ်ႈဝီႇၶီႇ

{| style="background:yellow; color:green" |- | abc || def || ghi |- style="background:red; color:white" | jkl || mno || pqr |- | stu || style="background:silver" | vwx || yz |}

ဢၼ်တေလႆႈႁၼ်တီႈ browser ၸဝ်ႈၵဝ်ႇ

abc def ghi
jkl mno pqr
stu vwx yz

ဢၼ်ပဵၼ် သီပိုၼ်ႉလင်လွၵ်းသဵၼ်ႈၼၼ်ႉ တွၼ်ႈတႃႇတေ ငမ်ႇလႅပ်ႈၵၼ်တင်းမၼ်းၼႆ တႅမ်ႈပၼ် style="background:none" ဢမ်ႇၼၼ် style="background:transparent" ၼႆလႄႈ။

ၸၢင်ႈမၵ်းမၼ်ႈပၼ်လႆႈ တၢင်းသုင် လႄႈ တင်းၵႂၢင်ႈတင်းမူတ်း ဢမ်ႇၼၼ် တႅဝ်းၼိုင်ႈဢၼ် တွၼ်ႈတႃႇ လွၵ်းလႆႈၼၼ်ႉ။ တွၼ်ႈတႃႇမၵ်းမၼ်ႈ တၢင်းၵႂၢင်ႈ ထႅဝ်တင်ႈၼၼ်ႉ မၵ်းမၼ်ႈပၼ် တၢင်းၵႂၢင်ႈလွၵ်းၼိုင်ႈဢၼ်သေၵေႃႈ လႆႈယဝ်ႉ။ သင်ၸိူဝ်ႉဝႃႈ ဢမ်ႇမၵ်းမၼ်ႈသင်ဝႆႉၼႆႉ ဢၼ်ပဵၼ် browser တေမၵ်းမၼ်ႈပၼ် ဢၼ်သၢင်ႇထုၵ်ႇလိူဝ်ၼၼ်ႉယဝ်ႉ။

ပိူင်တႅမ်ႈဝီႇၶီႇ

{| style="width:75%; height:200px" border="1" |- | abc || def || ghi |- style="height:100px" | jkl || style="width:200px" |mno || pqr |- | stu || vwx || yz |}

ဢၼ်တေလႆႈႁၼ်တီႈ browser

abc def ghi
jkl mno pqr
stu vwx yz

ဢၼ်တေလႆႈၽၢင်ႉဝႆႉၼႆႉ style="...." ဢၼ်ပဵၼ် inline CSS ၼႆႉ ဢမ်ႇမီးႁဵတ်းၵၢၼ်တီႈ browser ၵမ်ႈၽွင်ႈ။ သင်ၸိူဝ်ႉဝႃႈ ၶႂ်ႈႁႂ်ႈမၼ်းၼႄႉၼွၼ်းလီၼႆ width="75%" မဵဝ်းၼႆၼႆႉ ပဵၼ်ဢၼ်သၢင်ႇထုၵ်ႇလိူဝ်ပိူၼ်ႈယဝ်ႉ။

မၵ်းမၼ်ႈတၢင်းၵႂၢင်ႈ ထႅဝ်တင်ႈ

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]

သင်ၸိူဝ်ႉဝႃႈ ၸဝ်ႈၵဝ်ႇ ၶႂ်ႈမၵ်းမၼ်ႈ တၢင်းၵႂၢင်ႈ ထႅဝ်တင်ႈ ႁႂ်ႈမၼ်းတိူဝ်းၵႂၢင်ႈလိူဝ်ၼႆ ႁဵတ်းလႆႈၸွမ်းၼင်ႇ ၽၢႆႇတႂ်ႈၼႆႉယဝ်ႉ။ ၽၢင်ႉဝႆႉဝႃႈ မၼ်းတေတူပ်ႉ တူဝ်လိၵ်ႈၵႂႃႇၼၼ်ႉၶႃႈ။

{| border="1" cellpadding="2" !width="50"|Name !width="225"|Effect !width="225"|Games Found In |- |Poké Ball || Regular Poké Ball || All Versions |- |Great Ball || Better than a Poké Ball || All Versions |}

Name Effect Games Found In
Poké Ball Regular Poké Ball All Versions
Great Ball Better than a Poké Ball All Versions

တွၼ်ႈတႃႇမၵ်းမၼ်ႈ တၢင်းၵႂၢင်ႈထႅဝ်ႈတင်ႈ တီႈ လွၵ်းသဵၼ်ႈ ဢၼ်ဢမ်ႇပႃး တႅဝ်းႁူဝ်မၼ်းၼၼ်ႉ တေလႆႈမၵ်းမၼ်ႈ ပၼ်တၢင်းၵႂၢင်ႈ တီႈလွၵ်းဢွၼ်တၢင်းသုတ်း ၼင်ႇၽၢႆႇတႂ်ႈၼႆႉယဝ်ႉ။

{| border="1" cellpadding="2" |- |width="100pt"|This column is 100 points wide |width="200pt"|This column is 200 points wide |width="300pt"|This column is 300 points wide |- |blah || blih || bluh |}

This column is 100 points wide This column is 200 points wide This column is 300 points wide
blah blih bluh

လွင်ႈတၢင်း ဢၼ်လူဝ်ႇလႆႈမၵ်းမၼ်ႈ တၢင်းၵႂၢင်ႈ လွၵ်းသဵၼ်ႈၼႆႉ တွၼ်ႈတႃႇ ၼႄလွၵ်းသဵၼ်ႈသွင်ဢၼ် ဢၼ်ဢိူမ်ႈၶၢင်းၵၼ်ဝႆႉၼၼ်ႉယဝ်ႉ။

Country Capital
The Netherlands Amsterdam
Country Capital
France Paris

တီႈတမ်ႈ ၽၢႆႇတင်ႈ (alignment)

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]

ၵမ်ႉပႃႈၼမ်ၼႆႉ ပေႃးဝႃႈ တူဝ်လိၵ်ႈ တီႈလွၵ်းသဵၼ်ႈၼႆႉ ပေႃးၵႂႃႇၸပ်းမီးယူႇတီႈ ၽၢႆႇၼိူဝ်မၼ်းၼႆ တူၺ်းဢမ်ႇႁၢင်ႈလီတႃ -

Row heading A longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. A shorter piece of text.
Row heading A longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. A shorter piece of text.

တွၼ်ႈတႃႇမႄႈမၼ်းၼၼ်ႉ သႂ်ႇပၼ် valign="top" (ၸႂ်ႈယဝ်ႉ သႂ်ႇၵူႈလွၵ်းၶႃႈ) တူဝ်ယၢင်ႇမၼ်း -

{| border="1" cellpadding="2" |-valign="top" |width="10%"|'''ြှow heading''' |width="70%"|A longer piece of text. Lorem ipsum... |width="20%"|A shorter piece of text. |-valign="top" |'''ြှow heading''' |A longer piece of text. Lorem ipsum... |A shorter piece of text. |}

Row heading A longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. A shorter piece of text.
Row heading A longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. A shorter piece of text.

လွင်ႈတမ်း တီႈယူႇ

[မႄးထတ်း | မႄးထတ်းငဝ်ႈငႃႇ]