jsp怎么做像C#那样的gridview 就是有一个固定表头的表格

发布网友发布时间：2022-04-20 15:54

共5个回答

懂视网时间：2022-04-20 20:16

这篇文章介绍动态获取表格（固定表头）实现代码

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 p {
  width: 600px;
  height: 300px;
  margin: 0 auto;
  overflow: auto;
  position: relative;
 }

 .tab2 {
  opacity: 0;
  position: absolute;
  top: 0;
 }
 .tab1 td{
  text-align: center;
 }
 </style>
</head>
<body>
<p>

 <table border="1px" cellspacing="0px" class="tab1">
 <thead class="th xh">

 </thead>
 <tbody class="td">

 </tbody>
 </table>
 <table border="1px" cellspacing="0px" class="tab2">
 <thead style="background: #fff" class="th">
 <tr>
 </tr>
 </thead>
 </table>
</p>
</body>
<script src="jquery.js"></script>
<script>
 $('p').scroll(function (x) {
 var $this = $(this),
  viewH = $(this).height(),//可见高度
  contentH = $(this).get(0).scrollHeight,//内容高度
  scrollTop = $(this).scrollTop();//滚动高度
 if (scrollTop > 0) {
  $('.tab2').css({
  "opacity": '1',
  "Z-index": '100',
  "top": scrollTop
  })

 } else if (scrollTop < 30) {
  $('.tab2').css({
  "opacity": '0'
  })
 }
 });

 Data();

 function Data() {
 var data = {

 };
 $.get(url, data, function (res) {

  $('.th').html(res.ReportHeard)
  if($('.tab1 tr th').length < 10){
  $('.tab1').css('width','100%');
  $('.tab2').css('width','100%');
  }else{
  var wd = $('.tab1 tr th').length * 120 + 'px'; // 通过后台返回的表头有多少列，如果少于10列表格100% 大于10则手动添加
  $('.tab1').css('width',wd)
  $('.tab2').css('width',wd)
  }
  var sjObj = JSON.parse(res.ContentList);
  var test = '';
  for (var key in sjObj) {
  test += '<tr>'
  $('.xh th').each(function () {
   test += '<td>' + sjObj[key][$(this).attr('data')] + '</td>';
  })
  test += '</tr>'
  }
  $('.td').html(test);

　　　　　　　// 循环tabl里的th 看看有多少个 把每个th的宽度赋值给tab2里的th
  $('.tab1 thead th').each(function (i) {
  console.log($('.tab1 thead th').eq(i).width());
  $('.tab2 thead th').eq(i).width($('.tab1 thead th').eq(i).width())

  })

 })
 }

</script>
</html>

热心网友时间：2022-04-20 17:24

用这个<th></th>
th就是表头的意思,
写法是
<table>
<tr>
<th>姓名</th>
<th>性别</td>
</tr>
<tr>
<td>男</td>
<td>女</td>
</tr>
</table>
这种是横向表头
也可以竖向用<th>标记做第一列就好了.
<table>
<tr>
<th>姓名</th>
<td>男</td>
</tr>
<tr>
<th>性别</td>
<td>女</td>
</tr>
</table>
这是Html方面的东西,建议多了解下Html,不知道你需要的是不是这个,如果不是麻烦说的清楚点哦
呵呵

可以用jsp小脚本,在页面上获得session中传入的List集合,然后通过for循环+表达式在页面上循环生成,很简单的
或者struts标签库里面的<logic:iterate> 标签循环生成代码,具体的实现可以去网上查下,说起来就麻烦了牵扯到struts你得去struts呢..

参考资料：纯手打 ^_^

热心网友时间：2022-04-20 18:42

jsp中实现类似gridview的方法是定义两个table一个用来固定显示表头，一个用来滚动表格内容。
定义方法如下：
<table>
<thead>

</thead>
<tbody>

</body>
</table>

热心网友时间：2022-04-20 20:16

<table>

<tr><td>标题</td></tr>

----- 循环开始 -------

<tr><td>内容</td></tr>

------ 循环结束 ------

</table>

如以上代码，循环动态生成内容块。

热心网友时间：2022-04-20 22:08

用Dreamweaver做吧，可以添加表格的