5

нужная таблица

Получается сделать так, но две лишних ячейки в thead. Как сделать правильно?

		table, td, th {
			border: 1px solid black;
			border-collapse: collapse;
		}

		td {
			width: 50px;
			height: 50px;
		}
	<table>
		<thead>
			<tr>
				<th colspan="2">Test table</th>
				<td></td>
				<td></td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td rowspan="2"></td>
				<td colspan="3"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
			</tr>
		</tbody>
	</table>

1 ответ 1

6

Заведите для используемых ячеек свой класс:

table,
td,
th {
  border-collapse: collapse;
}

td {
  width: 50px;
  height: 50px;
}

.td {
  border: 1px solid black;
}
<table>
  <thead>
    <tr>
      <th class="td" colspan="4">Test table</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="td" rowspan="2"></td>
      <td class="td" colspan="3"></td>
    </tr>
    <tr>
      <td class="td" colspan="2"></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td class="td"></td>
      <td class="td"></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.