Question

我的joomla模块模板中有这样的代码：

<table>
<tbody>
<tr>
<td style="width: 33px;" align="center"><strong>№</strong></td>
<td style="width: 148px;"><strong>Ник</strong></td>
<td style="width: 107px;"><strong>Рубли</strong></td>
</tr>

<?php

$position = 1;  

foreach ($top as $row) {
    echo '<tr>';
    echo '<td>' . $position . '</td>';
    echo '<td>' . $row['0'] . '</td>';
    echo '<td>' . $row['1'] . '</td>';
    echo '</tr>';
    $position ++;
}
?>
</table>

此代码显示了一个表格，其中包含JDatabaseQuery的结果，其中包含变量$ top。

result table

我想限制显示结果10，在结尾添加一个“show all”按钮，这将打开所有列表的结果集。我想为此目的使用jquery。

我应该使用什么构造的css和jquery？

Answer 1

你可以使用jquery，在10行后隐藏行，点击按钮显示所有行 -

function emotions(myString, myFunc) {
    console.log("I am " + myString + ", " + myFunc(2));
}
var laugh = function(val) {
    var ha="";
    for(var i=0;i<val; i++) {
        ha=ha+"ha";
    }
    return ha;
};

emotions("happy",laugh(2));

见下面的代码片段

＆＃13;

$(function(){
    $("table tr:gt(10)").hide();
    //suppose below is the button on click of which you need to show all rows
    $("button").click(function(){
    $("table tr:gt(10)").show();
    });
});

＆＃13;

$(function(){
  $("table tr:gt(10)").hide();
  $("#show").click(function(){
  $("table tr:gt(10)").show();
  });
});

＆＃13;

显示查询结果的一部分

1 个答案: