Показать больше ссылок для табличных данных

Question

Показать больше ссылок для табличных данных

0

У меня есть таблица с динамическим количеством строк, скажем около 25. Теперь загружаем страницу, я хочу показать всего 10 из них и скрыть 15, щелкнув ссылку " Показать еще", я хочу показать все 25 строк.

Любая помощь будет отличной на этом Спасибо,

user3052178 30 нояб. 2013, в 14:56

Источник

2

Пожалуйста, дайте нам пример того, как вы заполняете эту динамическую таблицу.
Nix 30 нояб. 2013, в 13:26
0

добро пожаловать в stacoverflow .. прежде чем задавать вопрос Пожалуйста, прочитайте stackoverflow.com/about и stackoverflow.com/help/on-topic
Imran Ali Khan 30 нояб. 2013, в 13:26
0

Я использую «переменную скорости» для создания этой динамической таблицы. например <table> <tr> <th> имя данных </ th> </ tr> #for ($ data: $ dataList) <tr> <td> $ data </ td> </ tr> #end </ стол>
user3052178 30 нояб. 2013, в 13:28

Показать ещё 1 комментарий

Теги:

javascript

html

1 ответ

Ещё вопросы

Пожалуйста, дайте нам пример того, как вы заполняете эту динамическую таблицу.
добро пожаловать в stacoverflow .. прежде чем задавать вопрос Пожалуйста, прочитайте stackoverflow.com/about и stackoverflow.com/help/on-topic
Я использую «переменную скорости» для создания этой динамической таблицы. например <table> <tr> <th> имя данных </ th> </ tr> #for ($ data: $ dataList) <tr> <td> $ data </ td> </ tr> #end </ стол>

A.M.N.Bandara · Answer 1 · 2013-11-30T11-13-00.000Z

Установите все свои строки для display:none используя css, как

<tr class="your_class" style="display:none"></tr>

Использовать событие готовности к jQuery, подобное этому

<script>
  $(document).ready(function(){
    $(".your_class").slice(0, 9).each(function(index){
      $(this).css("display:block");
    });
 });
</script>

Это покажет первые 10 строк, и все остальные останутся скрытыми. Как только кнопка нажата, напишите прослушиватель событий на эту кнопку, подобную этой

$(document).ready(function(){
    $("#buttonId").click(function(){
            $(".your_class").slice(10, 14).each(function(index){
              $(this).css("display:block");
            });
         });
});

Надеюсь, это поможет..