工具(框架、插件)

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="請輸入主題" 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">當前0/0頁</span>
<input type="button" id="fpbtn" value="首頁"/>
<input type="button" id="rpbtn" value="上頁"/>
<input type="button" id="npbtn" value="下頁"/>
<input type="button" id="lpbtn" value="尾頁"/>
<span id="pagemsg" class="water-table-pagemsg">跳轉(zhuǎn)到<input type="text" id="gpinput" size="3" value="0"/>頁</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>
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前名稱:layui+jquery支持IE8的表格分頁方法-創(chuàng)新互聯(lián)
文章出自:http://www.chinadenli.net/article4/deiioe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設、網(wǎng)站設計、外貿(mào)建站、微信公眾號、網(wǎng)站改版、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容