el-table 有两列需要选择框
时间: 2023-10-27 18:13:05 浏览: 99
tab 选择框
好的,我了解你的问题。你需要在 el-table 中的两列中添加复选框对吧?如果是的话,你可以在 el-table 的 column 中利用 type 为 selection 来实现这个功能。具体实现方式如下:
```
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 20
},
{
name: '李四',
age: 25
},
{
name: '王五',
age: 30
}
]
};
}
}
</script>
```
在上面的代码中,我们在 el-table-column 中设置了 type 为 selection,这样 el-table 就会自动为我们添加一个带有复选框的列。同时,我们也可以添加其他列,例如姓名和年龄列。
希望以上解答对你有所帮助,如果你还有其他问题可以随时问我哦!
阅读全文