el-table 全选禁用
时间: 2023-12-27 08:23:49 浏览: 176
el-select 下拉框多选实现全选的实现
5星 · 资源好评率100%
以下是禁用el-table全选的两种方法:
方法一:在el-table-column中添加一个自定义的模板,将全选框禁用。
```html
<el-table-column type="selection" width="60" align="center">
<template slot-scope="scope">
<el-checkbox :disabled="true" v-model="scope.row.checked"></el-checkbox>
</template>
</el-table-column>
```
方法二:在el-table中添加一个自定义的模板,将全选框禁用。
```html
<el-table v-loading="loading" :data="tableData" ref="tableRef" :header-cell-class-name="cellClassName" @selection-change="handleSelectionChange">
<template slot="header">
<el-checkbox :disabled="true" v-model="isAllSelected"></el-checkbox>
</template>
<el-table-column type="index" label="序号" align="center"></el-table-column>
...
<el-table-column label="状态" prop="status" align="center"></el-table-column>
</el-table>
```
阅读全文