el-table-column添加多选list空间
时间: 2024-08-16 22:06:39 浏览: 32
在ECharts表格组件(el-table-column)中,如果想要添加一个多选列表(如复选框),你可以通过设置`type`属性为`selection`来实现。这通常用于列头部,允许用户选择行。下面是一个简单的例子:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" label="选择" width="55"></el-table-column> <!-- 添加多选列 -->
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="age" label="年龄" width="180"></el-table-column>
<!-- 其他列... -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20 },
{ name: '李四', age: 25 },
// ...
]
};
}
};
</script>
```
在这个例子中,用户可以直接点击列头的复选框来选择整行。如果你想控制每个单元格是否显示复选框,可以使用`formatter`属性,比如在单元格模板里加入自定义的HTML。