HTML Table Colgroup

colgroup තුළ භාවිතා කිරීමට අවසර දී ඇත්තේ ඉතා සීමිත CSS ටිකකට පමණි

width
visibility
background
border

<colgroup>

HTML Table Colgroup

<html>
<style>

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

}

</style>

<body>


<table style="width: 50%;">
  <colgroup style="background-color: rgb(224, 119, 119);" span="2"></colgroup>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Food</th>
  </tr>
  <tr>
    <td>Ronaldo</td>
    <td>34</td>
    <td>Apple</td>
  </tr>
  <tr>
    <td>Messi</td>
    <td>40</td>
    <td>Orange</td>
  </tr>
  <tr>
    <td >Nemar</td>
    <td>26</td>
    <td>Banana</td>
  </tr>
</table>


</body>
</html>

<colgroup> ටැගය, එක් එක් පේළිය සඳහා එක් එක් කොටුව සඳහා style කිරීම වෙනුවට, සම්පූර්ණ තීරු සඳහාම style යෙදීම සඳහා ප්‍රයෝජනවත් වේ.

meka yodaganne table eke colums style karanawanam witharay
<colgroup> ටැගය <table> මූලද්‍රව්‍යයක, ඕනෑම <caption> මූලද්‍රව්‍යයකට පසුව සහ ඕනෑම <thead>, <tbody>, <tfoot>, සහ <tr> මූලද්‍රව්‍යයන්ට පෙර athulath විය යුතුය.

span	🎱style kalayuthu colums wala number eka denna ona 🎱number eka dena wita 2 dunnoth adala colum eke idan colums dekakata adala style eka add wenawa 🎱video link = https://www.youtube.com/watch?v=8M1h7R_4kQM

<col>

HTML Table Colgroup <col>

<html>
<style>

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

}

</style>

<body> 

<table style="width: 50%;">
  <colgroup>
    <col style="background-color: rgb(224, 88, 88);" span="2">
    <col style="background-color: rgb(54, 54, 190);" span="1">
    <col style="background-color: yellow;" >
  </colgroup>

  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Food</th>
    <th>Color</th>
  </tr>
  <tr>
    <td>Ronaldo</td>
    <td>34</td>
    <td>Apple</td>
    <td>Red</td>
  </tr>
  <tr>
    <td>Messi</td>
    <td>40</td>
    <td>Orange</td>
    <td>Black</td>
  </tr>
  <tr>
    <td>Nemar</td>
    <td>28</td>
    <td>Banana</td>
    <td>White</td>
  </tr>
  <tr>
    <td>Mbappe</td>
    <td>24</td>
    <td>Mango</td>
    <td>Yellow</td>
  </tr>
</table>

</body>
</html>

<col> ටැගය, එක් එක් colums wena wenama style කිරීමට yodagani

<col> ටැගය bawitha karanne <colgroup> tag eka athule

span	🎱style kalayuthu colums wala number eka denna ona 🎱palaweni colum eke span tag ekata 2 dunnoth adala colum eke idan colums dekakata adala style eka add wenawa 🎱video eka balanna ethakota thawa hodata therenawa 🎱video link = https://www.youtube.com/watch?v=8M1h7R_4kQM

<Col> Empty and Hide

Col Empty and Hide

<html>
<style>

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

}

</style>

<body> 

<table style="width: 50%;">
  <colgroup>
    <col style="background-color: rgb(224, 88, 88);" span="1">
    <col span="1">
    <col style="visibility: collapse;" span="1">
    <col style="background-color: yellow;" span="1">
  </colgroup>

  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Food</th>
    <th>Color</th>
  </tr>
  <tr>
    <td>Ronaldo</td>
    <td>34</td>
    <td>Apple</td>
    <td>Red</td>
  </tr>
  <tr>
    <td>Messi</td>
    <td>40</td>
    <td>Orange</td>
    <td>Black</td>
  </tr>
  <tr>
    <td>Nemar</td>
    <td>28</td>
    <td>Banana</td>
    <td>White</td>
  </tr>
  <tr>
    <td>Mbappe</td>
    <td>24</td>
    <td>Mango</td>
    <td>Yellow</td>
  </tr>
</table>

</body>
</html>

HTML

Empty	meken wenne apita style karanna ona nethi colum ekak thiyenam ekata adala span tag ekata number eka denna thiyenne. style mukuth liyanne nehe e peliye eka hiswa thiyenawa
Hide	🎱colums hide karanna meka yodagannawa 🎱hide karanna ona colum eke style=”visibility: collapse;” kiyala dila span tag ekata adala hide karanna ona colum eke number eka denna witharay thiyenne