elmentui 表格

elementUI是一套基于Vue.js的组件库，其中包含了丰富的UI组件，包括表格组件。elementUI的表格组件提供了丰富的功能和灵活的配置选项，可以用于展示各种类型的数据。

下面是一个简单的elementUI表格的示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2021-09-01',
        name: '张三',
        address: '北京市朝阳区'
      }, {
        date: '2021-09-02',
        name: '李四',
        address: '上海市浦东新区'
      }, {
        date: '2021-09-03',
        name: '王五',
        address: '广州市天河区'
      }]
    }
  }
}
</script>

在这个例子中，我们使用了`<el-table>`元素来创建一个表格，通过`<el-table-column>`元素来定义表格的列。`:data`属性绑定了表格数据，`prop`属性定义了表格列对应的数据字段，`label`属性定义了表格列的表头名称。

此外，elementUI的表格组件还支持排序、筛选、分页、操作按钮等功能，可以根据具体的需求进行配置。