thead ටැගය
thead ටැගය වගුවේ ඉහළ කොටස නියම කරයි.
පේළි කණ්ඩායම් කිරීම සඳහා එය භාවිතා කරන අතර
එමගින් කිසියම් කණ්ඩායමකට ක්ෂණිකව
CSS විලාසයන් යෙදිය හැකිය. එක් වගුවක
thead ටැගය එකක් පමණක් තිබිය හැකිය.
thead ටැගය බොහෝ විට
tbody
සහ tfoot
ටැග සමඟ එකට භාවිතා කරනු ලබන්නේ
HTML වගුවේ ඉහළ කොටස, ප්රධාන කොටස
සහ පහළ කොටස නියම කිරීම සඳහා ය.
උදාහරණය
thead ටැගය මගින් එකට බැඳුණු පේළි
කණ්ඩායමට,
color
ගුණාංගය භාවිතයෙන් රතු වර්ණයේ පෙළ එකතු කරමු:
<table>
<thead>
<tr>
<th>නම</th>
<th>අනුපාතය</th>
<th>වැටුප</th>
</tr>
</thead>
<tbody>
<tr>
<td>නම1</td>
<td>අනුපාතය1</td>
<td>200$</td>
</tr>
<tr>
<td>නම2</td>
<td>අනුපාතය2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>ගණන: 2</td>
<td>-</td>
<td>එකතුව: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
උදාහරණය
මෙහිදී thead ටැගය ඉහළින් නොසිට
tfoot ටැගය පහළින් නොසිටියත්,
බ්රවුසරය ඒවා තම ස්ථානවලට යොදා ගනී:
<table>
<tfoot>
<tr>
<td>ගණන: 2</td>
<td>-</td>
<td>එකතුව: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>නම1</td>
<td>අනුපාතය1</td>
<td>200$</td>
</tr>
<tr>
<td>නම2</td>
<td>අනුපාතය2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>නම</th>
<th>අනුපාතය</th>
<th>වැටුප</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
