ElementUI列表⽆数据提⽰问题背景：
VUE + Element-UI
需求：
列表⽆数据时的显⽰如下图
1.png
由于列表的列数过长导致有横向滚动条出现，希望暂⽆数据以及这个img能够显⽰在滚动条与表头之间。现状：
⽬前的实现形式是将暂⽆数据的提⽰封装为⼀个组件，⽆数据时显⽰在滚动条的下⽅，如下图
element表格横向滚动条
2.png
解决思路：
（1）修改el-table的源码，当data⽆数据时，按照我们需要的样⼦显⽰
（2）在表头与滚动条之间动态的挂载和删除node节点
采取的解决⽅案：
考虑到波及⾯⼩的关系，本项⽬暂时使⽤第⼆种动态挂载节点的⽅式。
具体的代码实现：

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