elementplus二维表格

以下是使用Element Plus实现二维表格的示例代码：

<template>
  <div class="tableList">
    <p>统计</p>
    <el-button @click="exportToExcel">导出为Excel</el-button>
    <el-table :data="tableData" border :header-cell-style="headerCellStyle" stripe :cell-style="cellStyle">
      <el-table-column v-for="column in tableColumns" :key="column.prop" :prop="column.prop" :label="column.label">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableColumns: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age' },
        { label: '性别', prop: 'gender' },
      ],
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 30, gender: '男' },
      ],
      headerCellStyle: {
        'background-color': '#bdd7ff',
        'borderColor': '#fff',
        'font-weight': 'normal',
        'text-align': 'center',
        'height': '60px'
      },
      cellStyle: {
        'borderColor': '#fff',
        'text-align': 'center'
      }
    }
  },
  methods: {
    exportToExcel() {
      // 导出为Excel的方法
    }
  }
}
</script>

在上面的代码中，我们使用了Element Plus的`el-table`组件来实现二维表格。`tableColumns`数组定义了表格的列，`tableData`数组定义了表格的数据。`headerCellStyle`和`cellStyle`分别定义了表格头部和单元格的样式。

--相关问题--:
1. 如何在Element Plus中实现表格的分页功能？
2. 如何在Element Plus中实现表