el-table使用type=“expand“、fixed表中表内容显示错位

在使用elementUI的表格时，发现同时使用type="expand"表中表和fiexd列锁定这两个功能时，表中表部分内容会直接显示在最外层表格上面，拖动表格滚动条时也无法隐藏。如图

查了很多资料，网上说的this.$refs.planTableRef.doLayout()无法解决问题，为了解决这个问题，最终想到一个比较合理的解决方案

步骤如下：

1. 在表中表里面添加一个div标签，并动态设置div标签的内边距，这里使用tablePadLeft 获取左边内边距

2. 使用:resizable="false" 设置锁定列不可拖动

3. 设置动态左边内边距的大小

 

注意： 动态左边内边距要大于表格固定列的大小

如果固定列没有添加:resizable="false"设置为不可拖动，在拖动表头时需使用header-dragend判断锁定列是否发生变化，以便动态修改表格内边距的大小。