Как сделать так чтобы при разворачиваемости div блок на все строку?

Question

[hollanditkzn]

У меня такая проблема, допустим вот пример https://jsfiddle.net/hollanditkzn/x2bcukw7/7/
Когда разворачиваешь строку. то весь div блок равняется под столбец, а мне нужно чтобы она шла под всю строку. А то как-то некрасиво получается и если там будут 3 колонки в блоке, то таблица 1 столбец будет вообще громадная.
А мне бы хотелось, чтобы таблица сохраняла свои пропорции

Answer 1

[0xD34F]

Раз уж у вас там таблица - то и добавляйте строки, а не div'ы. А чтобы одна ячейка занимала всю строку, используйте colspan. Типа так.

Comments

[hollanditkzn]

А если добавлять 3 колонки. то не совсем идеально подходит, то что мне нужно https://jsfiddle.net/hollanditkzn/x2bcukw7/12/

[hollanditkzn]

Или td использовать? тогда границы таблицы выводит

[hollanditkzn]

Или там css добавить word-break: break-all;? или можно как то по другому все это сделать?

[0xD34F]

hollanditkzn, что "не совсем идеально" - контент одного элемента залезает на другой? Можно использовать word-wrap, например.