Возможно ли создать эту таблицу с rowspan ??Создайте строку с десятичным числом в rowspan
|---------|---------|
| 1 |4 |
|---------| |
| 2 |---------|
|---------|5 |
| 3 | |
|---------|---------|
В каждой строке внутри второй колонки есть 1,5?
Я думаю, что его можно играть с атрибутом «высота» или, возможно, создать еще одну таблицу внутри второго столбца ...
Но это possibble только с RowSpan или Colspan?
Rowsapn должно быть целым числом, но вы можете использовать
td {
border: 1px solid;
padding: 20px;
}<table>
<tr>
<td>1</td>
<td rowspan="2">4</td>
</tr>
<tr>
<td rowspan="2">2</td>
</tr>
<tr>
<td rowspan="2">5</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>Немного объяснений было бы полезно. Как работает ваш код? – showdev
Я создал две таблицы: главный стол и вспомогательную таблицу. В основной таблице я создал 2 столбца с 3 строками. Эти три для 1, 2, 3 в вашем примере. А в другом столбце я создал еще одну маленькую таблицу с одним столбцом и двумя строками.
<table border=1 width='200' height='100' cellpadding='0' cellspacing='0'>
<tr>
<td width='100'> </td>
<td rowspan="3">
<table border='1' width="100" cellpadding='0' cellspacing='0' height='100%'>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>Объяснение: Мы не можем установить rowspan в десятичных значениях, таких как 0,5.
Итак, сделайте каждую клетку рядами double так, чтобы 0,5 становился равным 1 и 1,5 становилось эффективно 3.
<!DOCTYPE html>
<html>
<head>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tbody>
<!-- ROW 1 -->
<tr>
<td rowspan="2">1</td>
<td rowspan="3">4</td>
</tr>
<!-- ROW 2 -->
<tr>
</tr>
<!-- ROW 3 -->
<tr>
<td rowspan="2">2</td>
</tr>
<!-- ROW 4 -->
<tr>
<td rowspan="3">5</td>
</tr>
<!-- ROW 5 -->
<tr>
<td rowspan="2">3</td>
</tr>
<!-- ROW 6 -->
<tr>
</tr>
</tbody>
</table>
</body>
</html>
Это possible.You должны создать таблицу в 2-й колонке. –