<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>会达表格demo</title>
<link rel="stylesheet" type="text/css" href="HuidaGrid.css"/>
<style type="text/css">
table{
width:480px;
margin-top:20px;
margin-left:10px;
float:left;
}
</style>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="HuidaGrid.js"></script>
<script type="text/javascript">
window.onload=function(){
;
//使表格可分页
var oGrid1=new HuidaGrid({
el:"table1",
pageSize:4,
searchField:1,
isShowSearch:true,
align:"right"
});
oGrid1.init();
oGrid1.showPageAt(1);
//使表格可分页
var oGrid2=new HuidaGrid({
el:"table2",
pageSize:4,
searchField:1,
isShowSearch:true,
align:"right"
});
oGrid2.init();
oGrid2.showPageAt(2);
//使表格可分页
var oGrid3=new HuidaGrid({
el:"table3",
pageSize:4,
searchField:1,
isShowSearch:true,
align:"right"
});
oGrid3.init();
oGrid3.showPageAt(3);
//使表格可分页
var oGrid4=new HuidaGrid({
el:"table4",
pageSize:4,
searchField:1,
isShowSearch:true,
align:"right"
});
oGrid4.init();
oGrid4.showPageAt(4);
}
</script>
</head>
<body>
<table id="table1" width="59%" border="1" align="center" cellpadding="0"
cellspacing="0" style="border-collapse:collapse" bordercolor="#ECE9D8">
<thead>
<tr>
<td width="11%" align="center">选择框</td>
<td width="10%" align="center">搜索列</td>
<td width="22%" align="center">超连接</td>
<td width="28%" align="center">序号</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><input type="checkbox" name="checkbox" id="checkbox" /></td>
<td>a11</td>
<td>b1</td>
<td>1</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
<td>a12</td>
<td>b2</td>
<td>2</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox3" id="checkbox3" /></td>
<td>a13</td>
<td>b3</td>
<td>3</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
<td>a14</td>
<td>b4</td>
<td>4</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox5" id="checkbox5" /></td>
<td>a21</td>
<td>b5</td>
<td>5</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox6" id="checkbox6" /></td>
<td>a22</td>
<td>b6</td>
<td>6</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox7" id="checkbox7" /></td>
<td>a23</td>
<td>b4</td>
<td>7</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox8" id="checkbox8" /></td>
<td>a24</td>
<td>b2</td>
<td>8</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox9" id="checkbox9" /></td>
<td>a31</td>
<td>b3</td>
<td>9</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox10" id="checkbox10" /></td>
<td>a32</td>
<td>b4</td>
<td>10</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox11" id="checkbox11" /></td>
<td>a33</td>
<td>b2</td>
<td>11</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox12" id="checkbox12" /></td>
<td>a34</td>
<td>b3</td>
<td>12</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox13" id="checkbox13" /></td>
<td>a41</td>
<td>b4</td>
<td>13</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox14" id="checkbox14" /></td>
<td>a42</td>
<td>b2</td>
<td>14</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox15" id="checkbox15" /></td>
<td>a43</td>
<td>b3</td>
<td>15</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox16" id="checkbox16" /></td>
<td>a44</td>
<td>b4</td>
<td>16</td>
</tr>
</tbody>
</table>
<table id="table2" width="59%" border="1" align="center" cellpadding="0"
cellspacing="0" style="border-collapse:collapse" bordercolor="#ECE9D8">
<thead>
<tr>
<td width="11%" align="center">选择框</td>
<td width="10%" align="center">搜索列</td>
<td width="22%" align="center">超连接</td>
<td width="28%" align="center">序号</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><input type="checkbox" name="checkbox" id="checkbox" /></td>
<td>a11</td>
<td>b1</td>
<td>1</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
<td>a12</td>
<td>b2</td>
<td>2</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox3" id="checkbox3" /></td>
<td>a13</td>
<td>b3</td>
<td>3</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
<td>a14</td>
<td>b4</td>
<td>4</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox5" id="checkbox5" /></td>
<td>a21</td>
<td>b5</td>
<td>5</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox6" id="checkbox6" /></td>
<td>a22</td>
<td>b6</td>
<td>6</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox7" id="checkbox7" /></td>
<td>a23</td>
<td>b4</td>
<td>7</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox8" id="checkbox8" /></td>
<td>a24</td>
<td>b2</td>
<td>8</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox9" id="checkbox9" /></td>
<td>a31</td>
<td>b3</td>
<td>9</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox10" id="checkbox10" /></td>
<td>a32</td>
<td>b4</td>
<td>10</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox11" id="checkbox11" /></td>
<td>a33</td>
<td>b2</td>
<td>11</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox12" id="checkbox12" /></td>
<td>a34</td>
<td>b3</td>
<td>12</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox13" id="checkbox13" /></td>
<td>a41</td>
<td>b4</td>
<td>13</td>
</tr> <tr>
<td align="center"><input type="checkbox" name="checkbox14" id="checkbox14" /></td>
<td>a42</td>
<td>b2</td>
<td>14</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox15" id="checkbox15" /></td>
<td>a43</td>
<td>b3</td>
<td>15</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox16" id="checkbox16" /></td>
<td>a44</td>
<td>b4</td>
<td>16</td>
</tr>
</tbody>
</table>
<table id="table3" width="59%" border="1" align="center" cellpadding="0"
cellspacing="0" style="border-collapse:collapse" bordercolor="#ECE9D8">
<thead>
<tr>
<td width="11%" align="center">选择框</td>
<td width="10%" align="center">搜索列</td>
<td width="22%" align="center">超连接</td>
<td width="28%" align="center">序号</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><input type="checkbox" name="checkbox" id="checkbox" /></td>
<td>a11</td>
<td>b1</td>
<td>1</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
<td>a12</td>
<td>b2</td>
<td>2</td>
</tr>
<tr>
<
一个对html表格分页的类(1.2版)
4星 · 超过85%的资源 需积分: 9 138 浏览量
2008-07-29
14:05:31
上传
评论
收藏 40KB RAR 举报 
HuidaGrid.rar （10个子文件） 
images 
Panel_first.gif 340B Panel_last.gif 342B Panel_next.gif 213B Panel_pre.gif 210B
Thumbs.db 11KB
demo.html 13KB HuidaGrid.js 16KB HuidaGrid.css 938B API.html 1KB prototype.js 121KB资源评论
zclgudu12242014-07-01还不错，改下可以用- xiaoyu37212011-12-01分页显示，动态取数，不是俺需要的。
- xiaoming1732014-09-05借鉴一下,自己用不了
blackoperation2014-12-18不错，借鉴一下很好的东西
xingqiliudehuanghun
- 粉丝: 104
- 资源: 11
