为了账号安全,请及时绑定邮箱和手机立即绑定

弹出框内显示table,如何固定表头?

弹出框内显示table,如何固定表头?

月关宝盒 2018-09-01 11:13:43
我的需求是:当用户点击一个超链接时,在超链接的左边弹出一个框,里面显示一个表格,表格的数据是从后台拿过来的,当数据很多时,弹出框就会显示水平和纵向滚动条,用户希望能将表头固定在弹出框头部,这样,纵向滚动的时候可以清楚的看到当前是哪个列的值。水平滚动的时候,表头也应该跟着水平滚动。总结一句话需求就是, 弹出框内显示表格,当数据多的时候,纵向滚动要求表头固定在弹出框顶部,水平滚动要求表头也跟着水平滚动。我自己尝试着做了一下,表头固定在弹出框头部可以实现(用的position:fixed实现),但是现在就卡在水平滚动这块了,因为position:fixed相当于针对浏览器定位,所以设置width和overflow都不起作用,有没有人之前遇到过这种需求的麻烦给点思路,谢谢。
查看完整描述

1 回答

?
qq_遁去的一_1

TA贡献1725条经验 获得超7个赞

没有遇过这种需求。fixed不行的话可以换个思路,例如表头和表内容分离开,表头absolute固定,然后表内容去overflow试试看


查看完整回答
反对 回复 2018-10-14
  • 1 回答
  • 0 关注
  • 1021 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信