博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
带滚动条的table
阅读量:6046 次
发布时间:2019-06-20

本文共 1330 字,大约阅读时间需要 4 分钟。

需求:表格数据过多时显示垂直滚动条,滚动滚动条时,表头固定不动

思路:采用2个表,分别对应表头和下面的数据行

结构:

Scrollbar_table.html
Insert title here

点击下面的按钮老改变表1的高度

表1

表头1 表头2 表头3 表头4 表头5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5
column1 column2 column3 column4 column5

注意点:第二张表的最后一列的宽度设置为auto。

兼容浏览器:

  • IE7~10 (IE6下面显示应该也可以,没有测试过)
  • FF 
  • Chrome

效果图:

 

 

 

 

转载于:https://www.cnblogs.com/yejg1212/archive/2013/02/20/2919182.html

你可能感兴趣的文章
Bzoj1188 [HNOI2007]分裂游戏
查看>>
python常用数据类型-字符串
查看>>
php之array_column
查看>>
JVM运行时内存结构学习
查看>>
管理维护Replica Sets
查看>>
asp.net core 系列 3 依赖注入服务
查看>>
HashMap 和 HashTable区别
查看>>
git 格式化输出版本信息
查看>>
js 防止重复提交表单
查看>>
日期工具类 DateTools
查看>>
数据结构5.4_m元多项式的表示
查看>>
14. Longest Common Prefix
查看>>
Servlet页面登录的数据库验证程序(一)
查看>>
使用Promise 解决回调地狱
查看>>
rem简单实现移动端适配
查看>>
ios中利用委托在二个视图间传值
查看>>
iOS融云使用原理篇
查看>>
第六章
查看>>
golang+es 爬取网易云音乐评论
查看>>
Math Constants
查看>>