Datável à tabela html

Eu tenho uma pergunta, que talvez alguém aqui não se importe de me ajudar. Eu tenho que digamos 3 dados, cada um deles tem as seguintes colunas:

tamanho, quantidade, quantidade, duração

Nome de dados e valores

LivingRoom
================
1
1
1
1
2
2
2
2

BathRoom
================
3
3
3
3
4
4
4
4

BedRoom
=================
5
5
5
5
6
6
6
6

Agora eu estou tentando construir uma factura html para que eu possa fazer um loop através de todas as datatables e saída a seguinte saída html, muito básica:

<table>
<tr>
    <td>Area</td>
</tr>
<tr>
    <td>Living Room</td>
</tr>

<tr>
    <td>Size</td>
    <td>Quantity</td>
    <td>Amount</td>
    <td>Duration</td>
</tr>
<tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
</tr>
<tr>
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td>2</td>
</tr>

<tr>
    <td>Area</td>
</tr>
<tr>
    <td>Bathroom</td>
</tr>

<tr>
    <td>Size</td>
    <td>Quantity</td>
    <td>Amount</td>
    <td>Duration</td>
</tr>
<tr>
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td>3</td>
</tr>
<tr>
    <td>4</td>
    <td>4</td>
    <td>4</td>
    <td>4</td>
</tr>

<tr>
    <td>Area</td>
</tr>
<tr>
    <td>Bedroom</td>
</tr>

<tr>
    <td>Size</td>
    <td>Quantity</td>
    <td>Amount</td>
    <td>Duration</td>
</tr>
<tr>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
</tr>
<tr>
    <td>6</td>
    <td>6</td>
    <td>6</td>
    <td>6</td>
</tr>
</table>

Então, praticamente a área teria o nome da tabela de dados e, em seguida, sob cada loop de área, essa tabela de dados específica e a saída do datat nesse formato. Eu não consigo descobrir a lógica de looping ou como fazer isso, eu tenho quebrado a minha cabeça nos últimos dias sobre isso. Talvez eu esteja apenas pensando sobre isso de forma errada, mas eu poderia realmente usar alguma ajuda sobre isso.

questionAnswers(8)

yourAnswerToTheQuestion