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

Question

[DaBags]

Итак, есть html динамическая таблица (поэтому задать id, class тегам tr не получится) и нужно чтоб изначально отображалось, например, 10 строк и дальше шла кнопка "показать все". При нажатии желательно (но не обязательно) плавно разворачивать всю таблицу. Обратное сворачивание не обязательно.

Но нужно учесть что строк может быть меньше, тогда кнопки "показать все" быть не должно.

Может кто видел подобную реализацию, какие-то наработки?

Answer 1

[Stalker_RED]

Скрипт из трех строчек же, какие вам наработки нужны?
https://jsfiddle.net/905xos45/

Comments

[DaBags]

В js не силен, поэтому и нужна помощь. В вашем решении не учитывается то, что при высоте таблицы менее указанного в CSS кнопка "показать все" всё равно отображается.
Т.е. будет у меня 1-2 строки и при клике на кнопку она просто будет пропадать, никаких действий не выполняя.

[Stalker_RED]

DaBags,

if (table.querySelectorAll('tr').length < 10) {
	btn.style.display = 'none'
}