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

Тема в разделе "Верстка", создана пользователем r_vyacheslav, 23 мар 2020.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. r_vyacheslav

    r_vyacheslav

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

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

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

    Wertos Пьянь местная

    Регистр.:
    13 апр 2007
    Сообщения:
    176
    Симпатии:
    38
    может так ?
    var rowcnt = document.getElementById("id-table").rows.length;
    if (rowcnt > 5) {
    бла бла бла
    }
     
    r_vyacheslav нравится это.
  3. r_vyacheslav

    r_vyacheslav

    Регистр.:
    18 авг 2015
    Сообщения:
    171
    Симпатии:
    54
    Реализовал вот так если интересно: https://codepen.io/chnikki/pen/reEzQQ
     
  4. Wertos

    Wertos Пьянь местная

    Регистр.:
    13 апр 2007
    Сообщения:
    176
    Симпатии:
    38
    r_vyacheslav ну кто-же знал что jQuery юзаешь....
     
  5. Chezzy

    Chezzy Создатель

    Регистр.:
    18 мар 2018
    Сообщения:
    8
    Симпатии:
    0
    Можно на чистом css сделать. :nth-child(1) и т.д. юзай.
     
  6. r_vyacheslav

    r_vyacheslav

    Регистр.:
    18 авг 2015
    Сообщения:
    171
    Симпатии:
    54
    Да, я разбирал такой вариант, но в идеале нужно было скрыть кнопку "показать больше" а как это через css сделать это уже вопрос. В любом случаи спасибо за интерес.