我用了一个Jquery 的表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>服务器主机管理</title>
<link rel="stylesheet" href="skin/style.css" />
<link rel="stylesheet" type="text/css" href="skin/flexigrid.css" />
<script type="text/javascript" src="jslib/flexigrid/jquery.js"></script>
<script type="text/javascript" src="jslib/flexigrid/flexigrid.js"></script>
</head>
<body>
<table class="flex" >
<thead>
<tr>
<th width="50">节点ID</th>
<th width="80">外网IP和端口号</th>
<th width="50">内网IP</th>
<th width="100">IP3</th>
<th width="50">活动状态</th>
<th width="80">CTRLIP</th>
<th width="40">USEN</th>
<th width="40">FLAG</th>
<th width="40">CFG_FLAG</th>
<th width="100">NOTE</th>
<th width="50">操作 </th>
</tr>
</thead>
<tbody>
<tr>
<c:forEach items="${list}" var="m" >
<tr>
<td class="alt">${m.SERVID}</td>
<td>${m.IP1}</td>
<td>${m.IP2}</td>
<td>${m.IP3}</td>
<td>${m.AIPS}</td>
<td>${m.CTRLIP}</td>
<td>${m.USEN}</td>
<td>${m.FLAG}</td>
<td>${m.CFG_FLAG}</td>
<td>${m.NOTE}</td>
<td>
<div style="margin-top:-6px;margin-bottom:-8px;margin-left:-5px">
<a href="#" title="修改" >
<img src="skin/images/modify.png" border="0"/></a>
<a href="<%=path%>/hosts.do?id=${m.SERVID}&command=dele" onclick="return confirm('确定删除该条记录?')" title="删除" ><img src="skin/images/dele.png" border="0"/> </a>
</div>
</td>
</tr>
</c:forEach>
</tr>
</tbody>
</table>
<script type="text/javascript">
$('.flex').flexigrid();
</script>
