elemento ui + vue usa la última columna de la tabla para resolver el problema

1. Hay una tabla incrustada en la tabla, cuando el contenido de la tabla incrustada excede, aparece una barra de desplazamiento, pero al desplazarse se divide en dos partes, lo que provoca una desalineación.

<el-table
        :data="list"
        stripe
        border
        size="small"
        :height="tableHeight"
        v-loading="loading"
        element-loading-text="拼命加载中"
        :row-key="getRowKeys"
        :expand-row-keys="expands"
        @expand-change="expandChange"
      >
        <el-table-column align="center" prop="vehPlate" label="车牌号" min-width="80"></el-table-column>
        <el-table-column align="center" prop="vehPlateColorName" label="车牌颜色" min-width="60"></el-table-column>
        <el-table-column fixed="right" align="center" label="操作" width="80" type="expand">
          <template slot-scope="scope"   v-loading.fullscreen.lock="loading">
            <tableList  :tableData="scope.row.child" @getListInfo="getListInfo" ></tableList>
          </template>
        </el-table-column>
      </el-table>

// tableList的内容
  <el-table
      :data="list"
      style="width: 98%;margin:0 auto 0;"
      stripe
      border
      size="small"
      :max-height="tableHeight">
        <el-table-column align="center" prop="gantryName" label="门架名称" min-width="110"></el-table-column>
      <el-table-column  align="center" label="操作" width="80">
        <template slot-scope="scope">
          <el-button type="text"
              @click="$emit('getListInfo',scope.row)"
          >详情</el-button>
        </template>
      </el-table-column>
      <el-table-column width="40" style="display: none"></el-table-column>
    </el-table>

Imagen de la página:

El tamaño de esta desalineación parece estar solucionado. Originalmente pensé que este problema solo ocurriría en la última columna. Después de establecer la última columna en un tamaño menor que esta posición, la desalineación también ocurrirá en el penúltimo caso.