在Element UI中,el-table 组件默认提供了行选中的功能。如果你希望禁止用户选中表格中的行,可以通过配置 el-table 的相关属性来实现。以下是几种实现禁止选中的方法: 1. 使用 @selection-change 事件阻止默认行为 虽然这种方法不会直接禁用选中,但你可以通过监听 @selection-change 事件并在事件处理函数中清空选中的...
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...
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;//判断选中的行...
第二种方式可能更加符合业务的使用方式,当然,也可以实现单选;但是第二种方式的全选实现起来会比较复杂,所以我目前的处理方式是禁用全选; >>>.list-table th .el-checkbox{display:none !important; }<!--由于我是在当前组件中使用的,所以用了一个>>>,确保样式生效-->...
vue el-table 禁选部分数据 // this.indexList 要禁选的数据,建议只取标识,例如:id,index //row.index 是可以和 上面那个数组相对应的数据。建议取 唯一标识,例如: id,index //置灰部分选择selectable(row, index){return!(this.indexList.indexOf(row.index) >= 0)...
<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="姓名"...
给表格添加@select-all方法,然后判断表格中的所有数据是否禁选,如果全部是禁选,则设置表头中的多选框不能选中 <el-table v-loading="tableLoading" :data="tableData" ref="dataTable" border size="mini" class="mt10" @selection-change="handleSelectionChange" @select-all="selectAll" </el-table> //...
1. 怎么拿到多选的值 <el-table @selection-change="getSelectArr" getSelectArr(e) 里面的e就是返回的勾选值 2. 怎么决定多选框的禁用状态 // --- html --- <el-table-column type="selection" :selectable="checkStatus"> </el-table-column> //--- js method --...
在el-table-column type 类型为 selection 组件中,添加 :selectable="方法名" selectable仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" ...
当表格设置 selection 开启复选框可选时,您可能需要禁用一些 业务条件成立 的行数据。例如,禁用表格中所有 地址 为 秦皇岛市海港区居民 的行数据,复选框无法选中。实现方法: <el-table-column type="selection":selectable="selectable"></el-table-column>/** ...