el-table 表格错峰

`el-table` 是 Element UI 中的一个表格组件，它可以帮助你快速创建响应式的表格展示数据。关于错峰加载（也称为分页或懒加载），在 `el-table` 中，你可以使用 `load` 属性和 `row-class-name` 或 `row-style` 方法来实现。

1. **`load` 属性**：当你需要从服务器动态加载数据时，可以为每一行设置一个 `load` 函数，当滚动到某一行时，该函数会被触发，从而延迟加载那一行及其后续的数据。例如：

<el-table :data="tableData" :load="loadData">
  <!-- ... -->
</el-table>

`loadData(row, callback)` 函数接受当前行对象和一个回调函数，当数据加载完成时调用回调。

2. **`row-class-name` 或 `row-style`**：这些属性允许你在渲染每一行时根据行的索引或数据动态添加 CSS 类名或样式，这样可以根据索引控制是否显示行。例如，你可以只加载前几行，然后后续行在用户滚动时动态加载：

<el-table
  :data="tableData.slice(0, 10)"   // 显示前10行
  :row-class-name="getRowClass"
>
  <!-- ... -->
</el-table>

`getRowClass(index) { return index < 10 ? 'hidden' : ''; }`