1

私のページでは、初めて 36 件中 10 件のレコードのみを表示します。閲覧者が [次へ] ボタンをクリックすると、36 件中の次の 10 件のレコードが表示されます。

私の問題は、テーブルフッターのテーブル行数です

変更時にテーブル行をカウントする方法がわかりません (つまり、[次へ] ボタンをクリックすると、「36 レコードのうち 10 から 20 を表示しています」と表示されます)。

私の出力:

ここに画像の説明を入力

期待される成果:

ここに画像の説明を入力

次のボタンをクリックした後: ここに画像の説明を入力

サンプルコード:

<tfoot>
    <c:choose>
        <c:when test="${empty model}">
            <tr>
                <td align="left" colspan="11" style="color: orange; font-size: 12pt;">No records
                    found!</td>
            </tr>
        </c:when>
        <c:otherwise>
            <tr>
                <td align="left" colspan="11" style="color: orange; font-size: 10pt;">Showing 1 to
                    ${stlRec} of ${ttlRec} entries
            </tr>
        </c:otherwise>
    </c:choose>
</tfoot>
4

2 に答える 2

2

解決策は非常に簡単ですが、いくつかの作業を行う必要があります。

  1. 10 レコードの高さに等しい高さを修正します。
  2. その中に 36 レコードすべてを追加し、"overflow:hidden" を作成します。これにより、10 を超えるレコードが表示されなくなります。
  3. より多くのレコードを表示するためのボタンを 1 つ提供します。ユーザーがそれをクリックすると scrollTop(100) が作成されます。これは 100 ピクセル下に移動し、上に移動する場合は -100 を指定しますが、100 の代わりに高さを指定します

私はこのトリックがあなたの問題を解決することを 100% 確信しています。なぜなら、3 日前に同じことをしたからです。:)

于 2013-10-09T08:25:06.927 に答える