显示更多链接Tabular Data

Question

我有动态行数的表，比方说大约25。 现在，我只想显示10个页面并隐藏15个，点击显示更多链接我想要显示所有25行。

任何帮助都会很棒 谢谢，

Answer 1

使用css（例如

）将所有行设置为display:none

<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");
            });
         });
});

希望这会有所帮助..