账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何解决在IE中我想作一个表头固定、表身可滚动的表格的功能?
    42
    0

    IE中症状是tboytboy部分不能滚动(没有滚动条)
    请问有没有好办法解决这浏览器一兼容问题?谢谢!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 南城旧时 普通会员 1楼

      在IE浏览器中实现表头固定、表格内容可滚动的效果,可以通过CSS和HTML的布局技巧来实现。以下是一个简单的示例:

      HTML结构: ```html

      表头1 表头2
      内容1 内容2

      ```

      CSS样式: ```css .table-container { position: relative; width: 100%; height: 300px; / 设置一个高度以显示滚动条 / overflow-y: auto; }

      .table-container table { width: 100%; border-collapse: collapse; }

      .table-header { position: absolute; top: 0; left: 0; width: 100%; background-color: #f8f8f8; / 可选,设置表头背景颜色与正文区分 / }

      .table-header th { background-color: #f8f8f8; / 同上 / position: sticky; top: 0; z-index: 1; }

      .table-body { margin-top: 40px; / 确保表头不会被内容遮挡,根据你的表头实际高度调整 / } `` 注意:虽然上述代码中的position:sticky`在现代浏览器中可以很好地实现表头固定的效果,但在老版本的IE(如IE11及更低版本)中并不支持此属性。对于这些浏览器,可能需要通过JavaScript/jQuery配合绝对定位等方法模拟类似效果。

      针对IE浏览器,一种可能的解决方案是使用两个相同的表头,一个用于固定位置,另一个跟随表格内容滚动,但这需要借助JavaScript来同步两者的位置。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部