elementui 制作表头

Element UI是一个基于Vue.js的开源UI组件库，它提供了一套丰富的界面组件，包括表格(Table)。在Element UI中制作表格表头是非常直观和简单的。首先，你需要引入`el-table`和`el-table-column`组件：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column type="index" label="序号"></el-table-column> <!--索引列-->
      <el-table-column prop="name" label="姓名"></el-table-column> <!--属性名和显示名称对应-->
      <el-table-column prop="age" label="年龄"></el-table-column>
      <!--添加更多列... -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 24 },
        // 更多数据...
      ]
    };
  }
};
</script>

在这个例子中，`prop`属性指定了数据中的哪一列将被展示，`label`属性则是显示在用户界面上的标题文本。你可以根据需要添加更多的列，如日期、邮箱等，并自定义它们的样式和行为。