Здравствуйте, помогите пожалуйста, имеется таблица <tr> <td bgcolor="#ABC"...
29 июня 2019 г.
Здравствуйте, помогите пожалуйста, имеется таблица
<tr>
<td bgcolor="#ABC" width="200">1</td>
<td bgcolor="#00D">2</td>
<td rowspan="2" bgcolor="#D00" width="200">3</td>
</tr>
<tr>
<td bgcolor="#ABC">4</td>
<td rowspan="3">5</td>
</tr>
<tr>
<td rowspan="2" bgcolor="#ABC" width="200">7</td>
<td rowspan="2" width="200">9</td>
</tr>
<tr>
</tr>
<tfoot>
<tr>
<td colspan="3" bgcolor="#ABC">13</td>
</tr>
не получается объединить rowspan*ом ячейки на пустую строку, она как бы прописана в rowspan всех но в нет расширения, уже пробовал и пустые ячейки ставит и удалять совсем. Буду признателен если укажите на ошибку=)
Ответ:
Здравствуйте. Если я правильно понял, задача которую вы перед собой ставите - это визуально показать высоту пустого ряда.
Для этого можете воспользоваться, например, тегами переноса строки <br>.
Немного переписал ваш код, вот что вышло в итоге:
<table>
<tbody>
<tr>
<td style="background-color: #abc;" width="200">1</td>
<td style="background-color: #00d;">2</td>
<td rowspan="2" style="background-color: #d00;" width="200">3</td>
</tr>
<tr>
<td style="background-color: #abc;">4</td>
<td rowspan="2">5</td>
</tr>
<tr>
<td style="background-color: #abc;" width="200">7<br><br></td>
<td width="200">9</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" style="background-color: #abc;">13</td>
</tr>
</tfoot>
</table>А вот так таблица отображается в браузере:
| 1 | 2 | 3 |
| 4 | 5 | |
| 7 |
9 | |
| 13 | ||
Надеюсь, это тот результат, на который вы рассчитывали. Если же я неправильно понял вашу задачу - жду уточнений в комментариях.
1
