工具(框架、插件)
1、layui-v1.0.9
2、jquery-1.8.3
代碼
1、jsp代碼(可忽略jsp部分,轉(zhuǎn)成html)
<%@ page language="java" contentType="text/html; charset=utf-8"%> <%@ include file="/common/include/taglib.jsp"%> <% <html> <head> <title>test page</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=8" /> <link rel="stylesheet" href="ad/layui/css/layui.css" rel="external nofollow" > <style> .left_buttons{float:left;margin-top:3px;} .search{float:right;margin-top:3px;} .dataTable{clear:both;} th{min-width:90px;text-align:center;} tfoot{text-align:center;} #modify{width:18px;padding:0 5 0 5;} #dlt{width:18px;padding:0 5 0 5;} </style> </head> <body> <div> <div class="top"> <div class="left_buttons"> <span id="add" class="layui-btn layui-btn-primary" ><i class="layui-icon"></i>button1</span> <span class="layui-btn layui-btn-primary" ><i class="layui-icon"></i>button2</span> </div> <div class="search"> <form class="layui-form search-input" action=""> <div class="layui-form-item layui-form-pane"> <label class="layui-form-label"><i class="layui-icon"></i></label> <div class="layui-input-block" > <input type="text" name="title" required lay-verify="required" placeholder="請(qǐng)輸入主題" autocomplete="off" class="layui-input" /> </div> </div> </form> </div> </div> <div class="dataTable"> <div class="表格內(nèi)容"> <table class="layui-table" lay-skin="line"> <colgroup> <col width="150"> <col width="200"> <col> </colgroup> <thead> <tr class="table_title"> <th>col1</th> <th>col2</th> <th>col3</th> <th>col4</th> <th>col5</th> <th>col6</th> <th>col7</th> <th>col8</th> <th>col9</th> <th>col10</th> <th>col11</th> </tr> </thead> <tbody class="dataBody"> </tbody> <tfoot> <tr> <td colspan="11"> <span class="water-table-listbtn"></span> <span class="water-table-page"><span id="pagemsg" class="water-table-pagemsg">當(dāng)前0/0頁(yè)</span> <input type="button" id="fpbtn" value="首頁(yè)"/> <input type="button" id="rpbtn" value="上頁(yè)"/> <input type="button" id="npbtn" value="下頁(yè)"/> <input type="button" id="lpbtn" value="尾頁(yè)"/> <span id="pagemsg" class="water-table-pagemsg">跳轉(zhuǎn)到<input type="text" id="gpinput" size="3" value="0"/>頁(yè)</span> <input type="button" id="gpbtn" value="跳轉(zhuǎn)"/> </span> </td> </tr> </tfoot> </table> </div> </div> </div><!-- 此處是最外圍DIV --> <script src="/bhps/ad/layui/layui.js"></script> <script src="/js/jquery/jquery-1.8.3.min.js"></script> <script src="/bhps/ad/js/component.js"></script> <script> var userId="<%=request.getAttribute("userid")%>"; var page=0; var pages = 0; var rows = 8; </script> </body> </html>
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前名稱:layui+jquery支持IE8的表格分頁(yè)方法-創(chuàng)新互聯(lián)
文章出自:http://chinadenli.net/article4/deiioe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、外貿(mào)建站、微信公眾號(hào)、網(wǎng)站改版、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容