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

[r_vyacheslav]

Имеется таблицы на 10 строк. Хочу отобразить первые 4, остальное все скрыть и отображать только по кнопке "Показать все".

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

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

 

[Wertos]

может так ?
var rowcnt = document.getElementById("id-table").rows.length;
if (rowcnt > 5) {
бла бла бла
}

 

[r_vyacheslav]

может так ?
var rowcnt = document.getElementById("id-table").rows.length;
if (rowcnt > 5) {
бла бла бла
}

Реализовал вот так если интересно: Для просмотра ссылки Войди или Зарегистрируйся

 

[Wertos]

Для просмотра ссылки Войди или Зарегистрируйся ну кто-же знал что jQuery юзаешь....

 

[Chezzy]

Реализовал вот так если интересно: Для просмотра ссылки Войди или Зарегистрируйся

Можно на чистом css сделать. :nth-child(1) и т.д. юзай.

 

[r_vyacheslav]

Можно на чистом css сделать. :nth-child(1) и т.д. юзай.

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