Кнопка "Показать больше" для таблицы

r_vyacheslav

Гуру форума
Регистрация
18 Авг 2015
Сообщения
174
Реакции
64
Имеется таблицы на 10 строк. Хочу отобразить первые 4, остальное все скрыть и отображать только по кнопке "Показать все".

Все это реализовал без проблем, но появился вопрос, как скрывать только большие таблицы от 5 и более строк? Если к примеру у меня таблица содержит всего одну строку кнопка всеравно "Показать все" отображается и крадет место так как высота блока фиксирована.

Что делать при таком раскладе?
 

Wertos

Пьянь местная
Регистрация
13 Апр 2007
Сообщения
178
Реакции
39
может так ?
var rowcnt = document.getElementById("id-table").rows.length;
if (rowcnt > 5) {
бла бла бла
}
 

r_vyacheslav

Гуру форума
Регистрация
18 Авг 2015
Сообщения
174
Реакции
64

r_vyacheslav

Гуру форума
Регистрация
18 Авг 2015
Сообщения
174
Реакции
64
Можно на чистом css сделать. :nth-child(1) и т.д. юзай.

Да, я разбирал такой вариант, но в идеале нужно было скрыть кнопку "показать больше" а как это через css сделать это уже вопрос. В любом случаи спасибо за интерес.
 
Сверху