element表格固定某⼀⾏_ElementUITable⾸⾏固定
需求描述：⾸⾏固定，吸附在表头下，数据多时其他⾏可以纵向滚动
⽅案⼀  两个表格拼凑
第⼀个表格展⽰头部和固定⾏ 第⼆个表格展⽰其它数据 ⽰意图如下
适⽤场景：仅横向 纵向均⽆滚动条时可⽤
若有横向滚动条，两个表格的滚动条是分开的，会出现滚动A  B不动，或滚动B A不动的情况，Windows下会展⽰两个横向滚动条，不美观若有纵向滚动条，在Windows下滚动条是默认有宽度的，滚动条的宽占⽤了表格B的部分宽度，导致表头和表主体列错位，⽰意图如下
html横向滚动条样式
⽅案⼆ 修改表格样式 将合并⾏上移
ElementUI 的 Table 有合并⾏这个功能，合并⾏位于 footer 中，固定在表格底部，即使 body 有横向或纵向滚动，样式和功能都已经优化好了。⽰意图如下
补充：图中为官⽅定义合并⾏内容的⽅法，如果单元格内展⽰的内容或样式⽐较复杂，可以 return 元素，类似 JSX 写法
总结：
⽅案⼀ 两个表格都⽆数据时的效果、两个表格的拼接处边框样式要处理。
⽅案⼆ 表格如果为流体⾼度，要判断表格⾼度是内容撑开还是已经达到最⼤⾼，同时要监听窗⼝缩放事件灵活定位
END~~~≥ω≤

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。