el-table表头固定

el-table 是一个基于 Element UI 的表格组件，在表格中固定表头可以提高用户的使用体验。在 Element UI 的 el-table 中，设置表头固定可以通过设置 `fixed` 属性来实现，具体步骤如下：

1. 在 el-table 中设置 `height` 属性，即表格的高度，例如 `height: '400px'`。

2. 设置表头固定的方式有两种：

- 将表头行的 `fixed` 属性设置为 `'top'`，例如：

     <el-table :height="400" v-if="showTable" :data="tableData" style="width: 100%">
       <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-column prop="phone" label="电话"></el-table-column>
       <el-table-column fixed="top" label="操作">
         <template slot-scope="scope">
           <el-button type="text" size="small">编辑</el-button>
         </template>
       </el-table-column>
     </el-table>

- 将整个表格的 `header-fixed` 属性设置为 `true`，例如：

     <el-table :height="400" v-if="showTable" :data="tableData" style="width: 100%" header-fixed>
       <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-column prop="phone" label="电话"></el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
           <el-button type="text" size="small">编辑</el-button>
         </template>
       </el-table-column>
     </el-table>

注意事项：

- `fixed` 属性只能用于表头行（即 `<el-table-column>` 标签）。
- `header-fixed` 属性可以用于整个表格，如果使用这种方式，需要将表格的高度设置为固定值，否则表格会出现滚动条。
- 如果表格中有多个表头行，只需要将第一个表头行的 `fixed` 属性设置为 `'top'` 即可。
- 固定表头会增加表格的高度，需要根据实际情况调整表格的高度，以保证用户的使用体验。