tfoot ටැගය
tfoot ටැගය වගුවේ පහළ කොටස නිර්වචනය කරයි.
පේළි සමූහගත කිරීම සඳහා භාවිතා කරන අතර එමගින්
කිසියම් සමූහයකට ක්ෂණිකව CSS විලාසිතා
යොදා ගත හැකිය. එක් වගුවකට
tfoot ටැගය එකක් පමණක් තිබිය හැකිය.
tfoot ටැගය බොහෝ විට
thead
සහ tbody
ටැග සමඟ එක්ව HTML වගුවේ ඉහළ කොටස, ප්රධාන කොටස
සහ පහළ කොටස නිර්වචනය කිරීමට භාවිතා කරයි. පෙරනිමිය ලෙස
බ්රවුසරය tfoot හි අන්තර්ගතය
වගුවේ පහළට, සහ thead -
වගුවේ ඉහළට තබයි.
උදාහරණය
tfoot ටැගය මගින් සමූහගත කරන ලද පේළි සමූහයට,
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>
tfoot {
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>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
