The table is empty right now, but each cell will have data in it.

Can <th scope="colgroup"> be used after <th scope="col"> ?

Would the table below makes sense to screen readers? Thanks



<table cellspacing="1" cellpadding="3" border="1">
<tbody>
<tr>
<th scope="col">Header 1</th>
<th scope="col">Header 2</th>
<th scope="col">Header 3</th>
</tr>
<tr>
<th scope="colgroup" colspan="3">Sub Header for 3 rows below only (spans whole width) </th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="colgroup" colspan="3">Sub Header for 3 rows below only (spans whole width)</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="colgroup" colspan="3">Sub Header for 3 rows below only (spans whole width)</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>