el-table里设置行
时间: 2023-07-26 19:43:57 浏览: 54
您可以在el-table中设置行的属性,例如行的高度、背景色等。具体的设置方法可以参考以下示例代码:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" 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="primary" size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
```
在上面的代码中,您可以在el-table组件中设置一个slot,然后在slot中定义一个template来定义每一行的操作按钮。其中,scope.$index表示当前行的索引,scope.row表示当前行的数据。您可以通过这些变量来设置每一行的样式或者功能。