elemui 表格virtual属性 怎么使用

使用 ElemUI 表格组件的 virtual 属性可以通过以下步骤实现：

1. 在你的 Vue 组件中引入 ElemUI 表格组件。

<template>
  <div>
    <el-table :data="tableData" :height="tableHeight" :row-height="rowHeight" :virtual="true">
      <!-- 表格列定义 -->
    </el-table>
  </div>
</template>
<script>
import { ElTable } from 'element-ui'

export default {
  components: {
    ElTable
  },
  data() {
    return {
      tableData: [], // 表格数据
      tableHeight: 400, // 表格高度
      rowHeight: 50 // 每一行的高度
    }
  }
}
</script>

2. 在 el-table 组件中设置 virtual 属性为 true，开启虚拟滚动功能。

3. 设置表格数据（tableData）、表格高度（tableHeight）和每一行的高度（rowHeight）等属性，以适配你的需求。其中，tableData 是必须设置的属性，它用于指定表格要展示的数据。

4. 在 el-table-column 中定义表格列，以展示表格数据。

注意，为了使虚拟滚动正常工作，必须指定表格的高度，并且在表格高度固定的情况下，虚拟滚动才能正常工作。同时，你也可以通过设置 rowHeight 属性来指定每一行的高度，以优化虚拟滚动的性能。