Как разделить таблицу на части (сохранив размеры колонок)?

Question

[Ainur Shakirov]

В общем есть таблица.
В ней некоторая информация. На последней строке кнопка "показать еще".
Через bootstap colapse сделал вывод, но!
Но я разделил таблицы через tbody. А у tbody нельзя анимировать высоту. И появляется новые элементы из за этого резко и дерганно... А надо плавно.

Нашел выход, но мне кажется что чересчур костыльный. Просто дополнительные строки,которые должны появится после нажатия, делаем отдельной таблицей, и оборачиваем в DIV, который уже может плавно сворачиваться. Но тут другая проблема, таблицы чуть чуть расходятся...

Вопрос: Как можно засунуть часть таблицы в div?
Или может есть другой способ?

Answer 1

[Ольга Грабко]

codepen.io/anon/pen/RryLZG

(изменено анимируемое свойство, требуется поддрежка CSS-transform, минус - информация под таблицей все равно скачет)