element-ui table使用type=‘selection‘复选框全禁用-全选禁用_elementui table禁用全选
在Element UI的Table组件中,如果你想禁用类型为selection
的复选框(即全选复选框),你可以通过设置Table
组件的selectable
属性来实现。
以下是一个示例代码,展示了如何禁用全选复选框:
<template>
<el-table
:data="tableData"
style="width: 100%"
:selectable="selectable"
>
<el-table-column
type="selection"
width="55">
</el-table-column>
<!-- 其他列 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 数据列表
]
};
},
methods: {
selectable(row, index) {
// 返回 false 表示这一行的复选框不可选
// 这里直接返回 false 禁用全选复选框
return false;
}
}
};
</script>
在这个例子中,selectable
方法总是返回false
,这意味着所有行的复选框都不可选,因此全选复选框也将被禁用。如果你想根据数据或其他条件来控制哪些行的复选框可选,只需在selectable
方法中实现相应的逻辑即可。
评论已关闭