Упростите таблицу HTML с помощью Javascript - PullRequest
Новая
       8

Упростите таблицу HTML с помощью Javascript

0 голосов
/ 15 ноября 2018

Я хотел создать таблицу, которая будет выглядеть проще с использованием массива PHP, и мне нужна помощь с использованием Javascript. Первоначально я хотел создать таблицу, аналогичную первой, затем возникла проблема из-за ограничений поставщика массива PHP. 

<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}


</style>
<table>
	<thead>
		<tr>
			<td rowspan="3">Scope/Coverage</td>
			<td colspan="5">Economically Active</td>
			<td rowspan="3">Percentage of Working to Economically Active</td>
			<td colspan="4">Not Economically Active</td>
			<td rowspan="3">Total</td>
			<td rowspan="3">Percentage of Economically Active to Working Age Population</td>
		</tr>
		<tr>
			<td rowspan="2">Working</td>
			<td colspan="3">Unemployment</td>
			<td rowspan="2">Total of Economically Active</td>
			<td rowspan="2">Attending School</td>
			<td rowspan="2">Housekeeping</td>
			<td rowspan="2">Total of Not Economically Active</td>

		</tr>
		<tr>
			<td>Ever Worked</td>
			<td>Never Worked</td>
			<td>Total</td>
		</tr>
	</thead>
</table>

Из-за ограничений от разработчика мне дали специальный массив PHP и напечатали так: 

<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}


</style>
<table>
  	<thead>
  		<tr>
  			<td rowspan="3">Scope/Coverage</td>
        <td>Economically Active</td><td>Economically Active</td><td>Economically Active</td><td>Economically Active</td><td>Economically Active</td><td></td><td>Not Economically Active</td><td>Not Economically Active</td><td>Not Economically Active</td><td>Not Economically Active</td><td></td><td></td></tr><tr><td></td><td>Unemployment</td><td>Unemployment</td><td>Unemployment</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td>Working</td><td>Ever Worked</td><td>Never Worked</td><td>Total</td><td>Total of Economically Active</td><td>Percentage of Working to Economically Active</td><td>Attending School</td><td>Housekeeping</td><td>Others</td><td>Total of Not Economically Active</td><td>Total</td><td>Percentage of Economically Active to Working Age Population</td></tr><tr>  		</tr>
  	</thead>
  </table>

Было бы здорово, если бы вы помогли мне решить эту проблему

...