Как включить 2 столбца под заголовком одного столбца в HTML-таблицу?

Я хочу создать HTML-таблицу, которая должна выглядеть следующим образом:

Я знаю, что мне придется использовать атрибуты colspan / rowspan, но как? Кто-нибудь может помочь?

Я пробовал следующее:

<table>
<thead>
<tr>
<th>Evaluation</th><th>Approval</th>
<th colspan="2" >Points</th>
<th>Total</th>
<th>Date</th><th>Award Amount</th><th>Last Modified By</th>
</tr>
</thead>
<tbody>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>

, но дает мне результат как:

Ясно, что мне нужно использовать подзаголовок в 3-м заголовке (Точки), как этого добиться?