tbody ටැගය

tbody ටැගය වගුවේ ප්‍රධාන කොටස නියම කරයි. පේළි කණ්ඩායම් කිරීමට එය භාවිතා කරන්නේ කිසියම් කණ්ඩායමකට කෙලින්ම CSS ආකෘති යොදා ගත හැකි වන පරිදිය. එක් වගුවක ඕනෑම ගණනක් tbody ටැග තිබිය හැකිය.

tbody ටැගය බොහෝ විට එක්ව භාවිතා කරන්නේ thead සහ tfoot එක්ව භාවිතා කරමින් HTML වගුවේ ඉහළ කොටස, ප්‍රධාන කොටස සහ පහළ කොටස නියම කිරීම සඳහාය. පෙරනිමිය ලෙස බ්‍රවුසරය tfoot හි අන්තර්ගතය වගුවේ පහළට, thead හි අන්තර්ගතය - ඉහළට තබයි.

උදාහරණය

අපි කණ්ඩායම් පේළිවලට, tbody ටැගයෙන් එකට බැඳී, තිරස් රතු පාටින් වචන පෙන්වන්න color ගුණය භාවිතා කරමු:

html<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>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

මෙයද බලන්න