![](https://img.haomeiwen.com/i27620600/d357145f11cf0c06.png)
![](https://img.haomeiwen.com/i27620600/f8e01fd2e41c1005.png)
问题:
此时,右侧商务标和基数表是动态循环出来的,左侧固定表头常规写法,如果这样写会出现一下问题 表格宽度超出,底部滚动条不会出现,表头显示不全的样式问题
![](https://img.haomeiwen.com/i27620600/7c598932ec4405e8.png)
解决方法:
前面固定表头也要通过动态循环的方式渲染到页面,如果表格表头有动态循环的就要保持一致,
![](https://img.haomeiwen.com/i27620600/6df311b10244ca4b.png)
效果:
![](https://img.haomeiwen.com/i27620600/dc02681cd26dd7c5.png)
此时,右侧商务标和基数表是动态循环出来的,左侧固定表头常规写法,如果这样写会出现一下问题 表格宽度超出,底部滚动条不会出现,表头显示不全的样式问题
前面固定表头也要通过动态循环的方式渲染到页面,如果表格表头有动态循环的就要保持一致,
效果:
本文标题:el-table表格宽度添加横向滚动条 宽度超出时横向滚动条不出
本文链接:https://www.haomeiwen.com/subject/immxirtx.html
网友评论