Проблема с объединением ячеек сложной таблицы

[TEL]

Добрый день!

Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1.

Пример - https://jsfiddle.net/ra9n2tu6/

[klierik]

Типа такого — https://jsfiddle.net/ra9n2tu6/2/

Ещё для таких задач хорошо подходят online-генераторы — http://www.tablesgenerator.com/html_tables#

[TEL]

42 минуты назад, klierik сказал:

Типа такого — https://jsfiddle.net/ra9n2tu6/2/

Ещё для таких задач хорошо подходят online-генераторы — http://www.tablesgenerator.com/html_tables#

Спасибо!

Я попробовал добавить в css:

 td  {padding:10px 5px;}

И все сработало, но только если в этой ячейке есть данные. А если она пустая, то не работает.

Эти стили не повлияли вообще никак:

  overflow:hidden;
  word-break:normal;

[klierik]

5 минут назад, TEL сказал:

Эти стили не повлияли вообще никак:

  overflow:hidden;
  word-break:normal;

и не должны. Как вариант можно в ячейку вставлять пробел: "&nbsp;"

[TEL]

1 минуту назад, klierik сказал:

и не должны. Как вариант можно в ячейку вставлять пробел: "&nbsp;"

 

Я так и сделал. Я не могу понять, почему так важно, чтобы что-то обязательно что-то находилось в этой ячейке или в другой из этого же ряда и почему так padding влияет на это.

[klierik]

В случае пустоты в ячейке происходит "схлопывание"