Как создать собственную таблицу с разными ячейками? - PullRequest
0 голосов
/ 08 сентября 2018

Это должно быть похоже на

enter image description here

Это должно быть 4 ряда и 3 столбца. В первом столбце центральная ячейка занимает 2 ячейки. Во втором это должен быть 1 ряд. И третий такой же, как первый

У меня есть этот код

	<table border="1" width="100%">
		<thead></thead>
		<tbody>
			<tr>
				<td>1</td>
				<td rowspan="4">2</td>
				<td>3</td>
			</tr>
			<tr>
				<td rowspawn="2">4</td>
				<td rowspawn="2">5</td>
			</tr> 
			<tr>
				<td>6</td>
				<td>7</td>
			</tr>
		</tbody>
	</table>

Но это выглядит так enter image description here

Ответы [ 2 ]

0 голосов
/ 11 сентября 2018
<table height="200px" width="900px" border="1px solid black">

<tr>

<td></td>
<td rowspan="4"></td>
<td></td>

</tr>

<tr>
<td rowspan="2"></td>
<td rowspan="2"></td>
</tr>

<tr>

</tr>

<tr>

<td></td>
<td></td>

</tr>

</table>

Попробуйте этот код. Это работает.

0 голосов
/ 09 сентября 2018

Я не уверен на 100%, что вы после, однако, дает ли это то, что вы хотите?

</p> <pre><code><table border="1" width="100%"> <thead></thead> <tbody> <tr> <td>1</td> <td rowspan="4">2</td> <td>3</td> </tr> <tr> <td style="height:200px;" rowspawn="2">4</td> <td rowspawn="2">5</td> </tr> <tr> <td>6</td> <td>7</td> </tr> </tbody> </table>

...