element ui table 禁用全选框
要禁用 Element UI 表格中的全选框,您可以使用 show-checkbox 属性并将其设置为 false。这将完全隐藏全选框,从而禁用它。
以下是一个示例:
<template>
<el-table :data="tableData" :show-header="false" :show-checkbox="false">
<el-table-column label="Name" prop="name"></el-table-column>
<el-table-column label="Age" prop="age"></el-table-column>
<el-table-column label="Gender" prop="gender"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'John', age: 28, gender: 'Male' },
{ name: 'Jane', age: 24, gender: 'Female' },
{ name: 'Bob', age: 36, gender: 'Male' },
],
};
},
};
</script>
在上面的示例中,我们使用 show-checkbox 属性并将其设置为 false,从而禁用了表格中的全选框。
原文地址: https://www.cveoy.top/t/topic/bnaE 著作权归作者所有。请勿转载和采集!