HTML Table Sizes

HTML Table වල එක් එක් column(තීරුව), row(පේළිය) හෝ සම්පූර්ණ Table eka සඳහා විවිධ ප්‍රමාණ තිබිය හැක.
HTML Table එකේ පේළියක හෝ තීරුවක ප්‍රමාණය නියම කිරීමට Width or height බාවිත කරනවා.

Table Size

<html>
<style>

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

}

</style>

<body>
  
  <table style="width: 50%;">
    <tr>
      <th>Name</th>
      <th style="width: 85px;">Age</th>
      <th>Food</th>
    </tr>
    <tr>
      <td>Ronaldo</td>
      <td>34</td>
      <td>Apple</td>
    </tr>
    <tr style="height: 110px;" >
      <td>Messi</td>
      <td>40</td>
      <td>Orange</td>
    </tr>
    <tr>
      <td>Nemar</td>
      <td>28</td>
      <td>Banana</td>
    </tr>
  </table>

</body>
</html>

Table eke saha Colums,row wala size eka wenas karanna widiya pehedili karanwa

1.HTML Table Width

HTML Table Width

🎱Html Table ekama sampurnayenma dig kirima meken adahas karanawa

🎱<Table> tag ekata style=”width: 50%;” eka ekathu karanne

2.HTML Table Column Width

HTML Table Column Width

🎱Html table eke thiyena colums (තීරු) wala ප්‍රමාණය dig kirima meken adahas karanawa

🎱<th>,<td> tag ekata style=”width: 75px;” eka ekathu karanne

3.HTML Table Row Height

HTML Table Row Height

🎱HTml table eke Row (පේළියක ) උස ප්‍රමාණය wenas kirima meken adahas karanawa

🎱<tr> tag ekata style=”height: 110px;” eka ekathu karanne