jquery_jquery に基づくテーブル ページングの実装コード

具体的なコードは次のとおりです。
参照される js および css ファイルは次のとおりです。

コードをコピー コードは次のとおりです。

ページコード:

コードをコピー コードは次のとおりです。

22px" bgcolor="#F9FDFF" onmouseover="javascript:this.style.backgroundColor='#FFFFCC'; return true;" onMouseOut="javascript:this.style.backgroundColor='#F9FDFF';">




>
;/tr>

選択	ユーザーID	ユーザー名	部門	作成時間	作成者	メニュー セット名	有効ですか ;/thead>
	${smUser.userId } td>	${smUser.userName}	${smUser.organCode}	${smUser.createTime}	${smUser.creator}	${smUser.menusId }	${smUser.valid }

$("#userTable").tablePaging();



ここでは タグ、ここでのテーブルの ID は userTable であることに注意してください。これは、後で Js ファイルを参照する際に非常に重要です。$("#userTable").tablePaging(); という文が実行されます。 js のコード。
バックグラウンド アクションのコードは次のとおりです:

コードをコピーします


コードは次のとおりです:

public ActionForward listUser(ActionMapping マッピング, ActionForm フォーム,
HttpServletRequest リクエスト, HttpServletResponse レスポンス){
List pojos = serviceSmUserImpl.findAll();
リスト smUserList = 新しい ArrayList();
for(POJO pojo:pojos){
smUserList.add((SmUser)pojo);
}
request.setAttribute("userList",smUserList);
returnmapping.findForward("smUserList");
}

运用jquery实现表格分页打包