web前端|html教程
CSS实现表头固定的可滚动表格的浏览器兼容问题
web前端-html教程
我想作一个表头固定、表身可滚动的表格。从网上搜来一个例子如下：
abp zero演示源码,vscode php美化,sbin ubuntu,tomcat的 lib,sqlite实现的c代码,img 插件,支持编辑表格的前端框架,花土里有褐色爬虫图片,wamp php升级,银川360 seo优化,前端页面精美的网站,html 5网页开发实例详解,wapppt模板动画去不掉lzw
/cssStuff/bigFourVersion.html
/questions/13043837/scrollable-table-with-fixed-header
ai9微信源码,vscode vim插件,#NAME?,tomcat664,sqlite时间段查询,disable google fonts插件,商城系统的前端框架是什么,黑客要不要会爬虫,php读取二进制,seo营销咨询引流,网站商品筛选功能插件,ftp网页版源码,微相册网站模板lzw
经过调整，在Firefox、Chrome和IE10下好用，但在IE8、IE9和IE11里不好用。症状是tboytboy部分不能滚动（没有滚动条）。表格外边的container可以有滚动条，但表头会和表身一起滚动。
易语言变速源码,vscode允许多种语言,ubuntu挂载usb,tomcat用了哪些设计模式,sqlite 日期错误,网页设计折叠菜单,服务器seo,革命幻灯片插件,移动端框架前端,爬虫命名规则,开源php商城系统,绥化seo快排,springboot初始化,商务网站模板下载,网页特效 走马灯,汽车网站flash模板,dedecms后台介绍,jquery下载页面图片下载,图片管理系统 java,电影采集程序lzw
请问有没有好办法解决这浏览器一兼容问题？谢谢！
（从明天起休假一周，回来后结账）
Untitled Document*{margin:0;padding:0;}div.tableContainer { clear: both; border: 0px solid #963; height: 420px; /* html>body tbody.scrollContent height plus 23px for the header */ overflow: auto; width: 756px /* Remember to leave 16px for the scrollbar! */}/* define width of table. IE browsers only */div.tableContainer table {float: left;width: 740px;border-collapse:collapse;border: 1px solid #76a0ae;background-color: #ddd2e5;}div.tableContainer table tr{height:33px;}/*html>body */tbody.scrollContent {margin-top:10px; display: block; height: 352px; overflow: auto; width: 100%;background-color: #eeeeee;}tbody td { height: 32px;}/*html>body */thead.fixedHeader tr { display: block;background-color: #ddd2e5;}/*html>body */thead.fixedHeader th { /* TH 1 */border: 1px solid #76a0ae; width: 180px;height:40px;}/*html>body */thead.fixedHeader th + th { /* TH 2 */ width: 240px;}/*html>body */thead.fixedHeader th + th + th { /* TH 3 +16px for scrollbar */ width: 336px;}/*html>body */tbody.scrollContent td { /* TD 1 */border: 1px solid #76a0ae; width: 180px;height:33px;}/*html>body */tbody.scrollContent td + td { /* TD 2 */ width: 240px;}/*html>body */tbody.scrollContent td + td + td { /* TD 3 +16px for scrollbar */ width: 320px;}
Pure CSS Scrollable Table with Fixed Header
Using CSS to allow scrolling within a single HTML table
回复讨论(解决方案)
没人回复。是问题太难了，还是我的人品太差？
完全复制表
一张在下面滚动
一张外面包个div 只显示表头 叠在上面
多谢KK3K热心回复！
用两个同样的表？能说得再详细一点吗？我用在网页中。
