在Element Plus的官方文档中,el-table-column组件的type="selection"属性支持一个selectable方法,该方法接收当前行的数据作为参数,并返回一个布尔值,表示该行是否可选。 三、在el-table组件中添加禁止选择的配置项或调用相关方法 为了实现上述需求,我们可以在el-table组件中定义selectable方法,并根据需求返回相应的布尔值...
el-table 内添加 一个el-table-column标签 类型设置为selection显示勾选框 type="selection" 添加属性:selectable 并添加自定义函数selectable来进行根据条件禁用行的勾选 <el-table-column type="selection" :selectable="selectable">el-table-column> selectable(row,index) { return !row.userId;//判断选中的行...
1.设置el-table表头全选框隐藏或禁用:参考链接https://blog.csdn.net/weixin_63896561/article/details/128922622 2.el-table表格勾选判断当前操作是勾选还是取消勾选(只支持用户手动点击表格前面勾选框的勾选)参考链接 https://blog.csdn.net/Amnesiac666/article/details/111602066 <template><el-dialog:title="ti...
element ui中的el-table根据条件实现部分禁用 el-table提供了checkbox多选的功能 但是有的时候,我们可能根据业务的诉求,对预列表中的数据部分不可选择,这个时候需要在Table-column 上添加 type="selectable“ 这个属性 具体用法如下: <el-table-column:selectable="selectable"type="selection"align="center"label="序号...
vue el-table 禁选部分数据 // this.indexList 要禁选的数据,建议只取标识,例如:id,index //row.index 是可以和 上面那个数组相对应的数据。建议取 唯一标识,例如: id,index //置灰部分选择selectable(row, index){return!(this.indexList.indexOf(row.index) >= 0)...
<el-table-column type="selection" :selectable="checkStatus"> </el-table-column> //--- js method --- checkStatus(row){ // 当勾选个数大于限定个数(limit )且当前不在勾选状态时 禁止勾选 const selectArr = ( getSelectArr 获取的勾选数组) const state = selectArr...
</el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> </el-table> 禁用多选框函数: //把 status 为 1 的项禁用selectEnable(row,rowIndex){console.log(row);if(row.status!==1){returntrue}},...
给表格添加@select-all方法,然后判断表格中的所有数据是否禁选,如果全部是禁选,则设置表头中的多选框不能选中 <el-table v-loading="tableLoading" :data="tableData" ref="dataTable" border size="mini" class="mt10" @selection-change="handleSelectionChange" @select-all="selectAll" </el-table> //...
<template> <div> <el-table :data="tableData"> <!-- type必须设置为selection --> <el-table-column type="selection" :selectable="selectable" > </el-table-column> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名"...
当表格设置 selection 开启复选框可选时,您可能需要禁用一些 业务条件成立 的行数据。例如,禁用表格中所有 地址 为 秦皇岛市海港区居民 的行数据,复选框无法选中。实现方法: <el-table-column type="selection":selectable="selectable"></el-table-column>/** ...