table manipulation
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<h2>Empty Colgroups</h2>
<p>Add "empty" col elements that represents the columns before the columns you want to style:</p>
<table style="width: 100%;">
<colgroup>
<col span="3">
<col span="2" style="background-color: pink">
</colgroup>
<tr>
<th>name</th>
<th>age </th>
<th>city</th>
<th>course</th>
<th>gmail</th>
<th>phone</th>
</tr>
<tr>
<td>vikash</td>
<td>18</td>
<td>prayagraj</td>
<td>BBA</td>
<td>[email protected]</td>
<td>9867453211</td>
</tr>
<tr>
<td>RAHUL</td>
<td>19</td>
<td>JAUNPUR</td>
<td>BCA</td>
<td>[email protected]</td>
<td>9689675433</td>
</tr>
<tr>
<td>HIMANSHU</td>
<td>20</td>
<td>MAU</td>
<td>B.COM</td>
<td>[email protected]</td>
<td>9776543325</td>
</tr>
<tr>
<td>ROHIT</td>
<td>22</td>
<td>KANPUR</td>
<td>B.TECH</td>
<td>[email protected]</td>
<td>8876543222</td>
</tr>
</table>
</body>
</html>