element表格空状态不居中问题

原因：

空状态dom在组件库内部通过js动态获取表格设置的高度（height='300px'），自适应时会导致空数据文字跳动，

如果想要规避自适应时的跳动，则需要将表格高度属性设置到style中，避免js计算，但此时空状态无法动态获取到表格的高度

使用position：absolute避免js设置影响

因此调整空状态dom属性如下：

 

 <el-table
                empty-text="暂无数据"
                @select="checkRow"
                @select-all="checkRow"
                @row-click="selectedRow"
                :data="gatewayListData"
                style="width: 100%; height: calc(100% - 50px)"
                highlight-current-row
                ref="gatewayTableRef"
                :row-key="'gatewayID'"
              >

 

// el-table 空状态文本居中
:deep(.el-table__empty-block) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}