W3.JS HTML အမျိုးအစား
အစိတ်အပိုင်းများကို စီရန်-
w3.sortHTML(selector)
စာရင်းများကို စီပါ။
စာရင်းကို အက္ခရာစဉ်အလိုက်စီရန် ခလုတ်ကို နှိပ်ပါ-
- အော်စလို
- စတော့ဟုမ်း
- ဟယ်စင်ကီ
- ဘာလင်
- ပါခင်ဗျာ။
- မက်ဒရစ်
ဥပမာ
<button onclick="w3.sortHTML('#id01', 'li')">Sort</button>
<ul id="id01">
<li>Oslo</li>
<li>Stockholm</li>
<li>Helsinki</li>
<li>Berlin</li>
<li>Rome</li>
<li>Madrid</li>
</ul>
ဇယားများကို စီပါ။
ဇယားကို အလိုက်စီခွဲရန် ဇယားခေါင်းစီးများကို နှိပ်ပါ-
နာမည် | တိုင်းပြည် |
---|---|
Berglund ၏အမြန်ဖလား | ဆွီဒင် |
မြောက်/တောင် | ယူကေ |
အဲဖရက်ရဲ့ အစာကျွေးပုံး | ဂျာမနီ |
တော်ဝင်အစားအစာ | ဂျာမနီ |
စားနပ်ရိက္ခာဂိုဒေါင်များ စုစည်းထားသည်။ | အီတလီ |
ပဲရစ်အထူးပြုများ | ပြင်သစ် |
ကျွန်းရောင်းဝယ်ရေး | ယူကေ |
Bacchus Winecellars ရယ် | ကနေဒါ |
ဥပမာ
<table id="myTable">
<tr>
<th onclick="w3.sortHTML('#myTable','.item',
'td:nth-child(1)')">Name</th>
<th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(2)')">Country</th>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr class="item">
<td>North/South</td>
<td>UK</td>
</tr>
<tr class="item">
<td>Alfreds
Futterkiste</td>
<td>Germany</td>
</tr>
...
</table>