নিচে
- স্প্যান − একটি কলাম গ্রুপ স্প্যান করা উচিত কলামের সংখ্যা স্প্যান অ্যাট্রিবিউটের সাথে সেট করা হয়
উদাহরণ
আসুন এখন
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid black;
}
</style>
</head>
<body>
<h2>Result</h2>
<table>
<colgroup>
<col span="3" style="background-color:gray;">
<col style="background-color:orange;">
</colgroup>
<tr>
<th>Id</th>
<th>Name</th>
<th>Percentage</th>
<th>Rank</th>
</tr>
<tr>
<td>009</td>
<td>Tom</td>
<td>98</td>
<td>1</td>
</tr>
<tr>
<td>011</td>
<td>Kieron</td>
<td>97</td>
<td>2</td>
</tr>
<tr>
<td>039</td>
<td>Gayle</td>
<td>95</td>
<td>3</td>
</tr>
<tr>
<td>017</td>
<td>Shaun</td>
<td>92</td>
<td>4</td>
</tr>
<tr>
<td>009</td>
<td>Kane</td>
<td>91</td>
<td>5</td>
</tr>
<tr>
<td>025</td>
<td>Steve</td>
<td>87</td>
<td>6</td>
</tr>
<tr>
<td>013</td>
<td>Jack</td>
<td>85</td>
<td>7</td>
</tr>
<tr>
<td>023</td>
<td>Tim</td>
<td>84</td>
<td>8</td>
</tr>
</table>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
উপরের উদাহরণে, আমরা একাধিক কলামের জন্য স্টাইল সেট করেছি −
<colgroup> <col span="3" style="background-color:gray;"> <col style="background-color:orange;"> </colgroup>
আমরা
<col span="3" style="background-color:gray;">
বাকি কলাম(গুলি) কমলা ব্যাকগ্রাউন্ড কালার স্টাইল −
এ সেট করা আছে<col style="background-color:orange;">
