element plus table配置项写法
代码示例：
```javascript
<template>
  <el-table
    :data="tableData"
    v-loading="loading"
    element-plusTableIsResponsive
    :element-plusTableSticky="true"
    :element-plusTableHeight="tableHeight"
    border
    stripe
    >
   
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="age"
      label="年龄"
      width="120">
    </el-table-column>
    <el-table-column
      prop="gender"
      label="性别"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
   
    <el-table-column
      fixed="right"
      label="操作"
      width="120">
      <template #default="{row}">
        <el-button type="text" size="small" @click="handleEdit(row)">编辑</el-button>
        <el-button type="text" size="small" @click="handleDelete(row)">删除</el-button>
      </template>
    </el-table-column>
 
  </el-table>
</template>
<script>
export default {
  data() {
    return {
      loading: false,
      tableData: [],
      tableHeight: '400px'
    }
  },
  methods: {
    // 编辑操作
    handleEdit(row) {
      // TODO: 编辑逻辑
    },
    // 删除操作
    handleDelete(row) {
      // TODO: 删除逻辑
    }
  }
}
</script>
```
在这个示例中，我们使用了以下几个 element plus table 的配置项：
- `v-loading`：用于在表格加载数据时显示加载状态。
- `element-plusTableIsResponsive`：使表格具有响应式能力，可根据容器大小自适应调整列宽。
- `element-plusTableSticky`：使表头和固定列在滚动时保持固定位置。
- `element-plusTableHeight`：设置表格的高度，可以是固定值或者一个响应式的值。
table设置内边框
- `border`：显示表格的边框线。
- `stripe`：为表格的行添加斑马纹样式。
- `prop`：指定列与数据源中的字段对应。
- `label`：设置列的标题名称。
- `fixed`：将列固定在表格的左侧或右侧。
- `template`：为列定义自定义的渲染内容。
以上是一个简单的 element plus table 的配置项写法示例，你可以根据实际需求进行相应的修改和扩展。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。