elementplus添加空白行

在 Element Plus 中，如果你想要在表格（table）中添加空白行以便视觉上分隔数据，可以使用模板渲染或者特殊的 `v-if` 条件来控制。下面是一个简单的示例，展示如何在每组数据之间插入空白行：

<template>
  <el-table>
    <el-table-column type="index"></el-table-column>
    <el-table-column prop="name"></el-table-column>
    <!-- 添加空白行 -->
    <template v-for="(item, index, indexGroup) in items track-by:$index">
      <el-table-row v-if="!indexGroup || index !== 0 || index % 2 === 0">
        <el-table-row-item>{{ item.name }}</el-table-row-item>
      </el-table-row>
    </template>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      items: [
        // 数据列表...
      ]
    }
  }
}
</script>

<style scoped>
/* 可选的样式，例如设置空白行背景颜色或间距 */
.el-table__empty-row {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  margin-top: 8px;
}
</style>

这里，我们在遍历 `items` 时，检查当前索引是否满足插入空白行的条件（例如，只有在遇到新的数据组、第一个元素或者偶数位置时）。如果满足条件，就会渲染一个空白行。