HTML:table固定表头

Posted 2023-05-06

方法杂乱效果不好，有没有W3C标准？

参考技术A <div style="width: 800px;">
2 <div class="table-head">
3 <table>
4 <colgroup>
5 <col style="width: 80px;" />
6 <col />
7 </colgroup>
8 <thead>
9 <tr><th>序号</th><th>内容</th></tr>
10 </thead>
11 </table>
12 </div>
13 <div class="table-body">
14 <table>
15 <colgroup><col style="width: 80px;" /><col /></colgroup>
16 <tbody>
17 <tr><td>1</td><td>我只是用来测试的</td></tr>
18 <tr><td>2</td><td>我只是用来测试的</td></tr>
19 <tr><td>3</td><td>我只是用来测试的</td></tr>
20 <tr><td>4</td><td>我只是用来测试的</td></tr>
21 <tr><td>5</td><td>我只是用来测试的</td></tr>
22 <tr><td>6</td><td>我只是用来测试的</td></tr>
23 <tr><td>7</td><td>我只是用来测试的</td></tr>
24 <tr><td>8</td><td>我只是用来测试的</td></tr>
25 <tr><td>9</td><td>我只是用来测试的</td></tr>
26 <tr><td>10</td><td>我只是用来测试的</td></tr>
27 <tr><td>11</td><td>我只是用来测试的</td></tr>
28 <tr><td>12</td><td>我只是用来测试的</td></tr>
29 <tr><td>13</td><td>我只是用来测试的</td></tr>
30 <tr><td>14</td><td>我只是用来测试的</td></tr>
31 <tr><td>15</td><td>我只是用来测试的</td></tr>
32 </tbody>
33 </table>
34 </div>
35 </div>

很急GridView固定表头和指定列

1、冻结GridView表头，并固定前两列。
2、上下滚动时前两列也随之滚动，左右滚动时，前两列不滚动
3、表头永远是冻结的
4、当双击前两列是固定的前两列变成不固定的，反之变成固定的。

麻烦发邮箱[e-mail]

参考技术A http://blog.csdn.net/21aspnet/archive/2007/03/25/1540301.aspx
这里面有你想要的答案
GridView无代码分页排序
GridView选中，编辑，取消，删除
GridView正反双向排序
GridView和下拉菜单DropDownList结合
GridView和CheckBox结合
鼠标移到GridView某一行时改变该行的背景色方法一
鼠标移到GridView某一行时改变该行的背景色方法二
GridView实现删除时弹出确认对话框
GridView实现自动编号
GridView实现自定义时间货币等字符串格式
GridView实现用“...”代替超长字符串
GridView一般换行与强制换行
GridView显示隐藏某一列
GridView弹出新页面/弹出新窗口
GridView固定表头(不用javascript只用CSS，2行代码，很好用)
GridView合并表头多重表头无错完美版（以合并3列3行举例）
GridView突出显示某一单元格（例如金额低于多少，分数不及格等）
GridView加入自动求和求平均值小计
GridView数据导入Excel/Excel数据读入GridView 参考技术B GridView本身没有这样的功能的，可以用这样的一个办法解决：用一个fix绝对定位的的div，刚好盖住表头，如果表头还有白地方，那又要用js实时改变div离顶部距离，至于双击，用js容易实现，重点是变成不固定表头时，垂直滚动条要跑到顶部，才可以给出一种真实的效果