对于页面包含其它板块的内容，同时展示表格高度不固定，还是有所卡顿，有解决办法吗 about el-table-virtual-scroll HOT 13 OPEN

<template>
  <div>
    <el-radio-group v-model="value" style="height: 600px;background-color: red;">
      <el-radio :label="undefined">表格不固定高（自动查找父层滚动容器）</el-radio>
      <el-radio label="600px">表格高度600px（表格内滚动）</el-radio>
      <el-radio label="100%">表格高度100%撑满屏幕</el-radio>
    </el-radio-group>
    <!-- :key="value" 为了value变化时刷新VirtualScroll组件 -->
    <virtual-scroll
      ref="virtualScroll"
      :data="list"
      :item-size="62"
      :key="value"
      key-prop="id"
      :style="{height: value === '100%' ? 'calc(100vh - 55px - 25px)' : ''}"
      @change="(virtualList) => tableData = virtualList">
      <el-table
        :data="tableData"
        border
        row-key="id"
        :height="value"
        style="width: 100%">
        <el-table-column
          v-for="item,index in column" :key="index"
          :fixed="index === 0"
          :prop="item.prop"
          :label="item.label"
          width="160">
        </el-table-column>
        <el-table-column
          label="操作"
          fixed="right"
          width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </virtual-scroll>
  </div>
</template>

<script>
import VirtualScroll from 'el-table-virtual-scroll'
import { mockData } from '@/utils'

export default {
  components: {
    VirtualScroll
  },
  data () {
    return {
      column: [
        { prop:'id',label:'ID' },
        { prop:'name',label:'ID' },
        { prop:'operation_type',label:'ID' },
        { prop:'operation_mode',label:'ID' },
        { prop:'business_type',label:'ID' },
        { prop:'transaction_amount',label:'ID' },
        { prop:'cash_money',label:'ID' },
        { prop:'account_money',label:'ID' },
        { prop:'account_score',label:'ID' },
        { prop:'now_total_money',label:'ID' },
        { prop:'account_time',label:'ID' },
        { prop:'order_time',label:'ID' },
        { prop:'pay_code',label:'ID' },
        { prop:'remark',label:'ID' },
        { prop:'tag_content',label:'ID' },
        { prop:'discount_money',label:'ID' },
        { prop:'original_price',label:'ID' },
        { prop:'user_discount',label:'ID' },
        { prop:'seller_name',label:'ID' },
        { prop:'admin_surename',label:'ID' },
        { prop:'seller_name',label:'ID' },
        { prop:'sell_team_name',label:'ID' },
        { prop:'user_addtime',label:'ID' }
      ],
      list: mockData(0, 20000),
      value: undefined,
      tableData: []
    }
  },
  methods: {

  },
  created () {
  }
}
</script>

<style lang='less'>
.el-table .el-table__cell {
  padding: 8.5px 0 !important;
}
</style>
`

我在你这个稍微改了一下，没复现出滚动空白问题，但是慢慢滚动也是100递增复现出来了，因为设置了show-overflow-tooltip，计算的滚动高度就固定了