当前位置: 首页 > news >正文

element-plus 的table section如何实现单选

如果是单选那么全新的按钮应该隐藏或者不可编辑的状态。但是我没找到改变成不可编辑的方法,只能采取隐藏

<template><!-- 注意要包一层div根元素,否则css样式可能会不生效,原因不详 --><div><el-table ref="proTable"   class="table_wrapper":data="tableData" @select="selectClick"><el-table-column type="selection" width="55" /><el-table-column prop="name" label="名称" /></el-table></div>
</template><script setup lang='ts'>
import { ref, reactive, toRefs } from 'vue'
const taskTableRef = ref(); // 表格ref// 变量定义
const state = reactive({tableData: [{name: '啦啦啦'},{name: '嘻嘻嘻'},{name: '哈哈哈'}],
});
const selectClick = (selection: any, row: any) => {if (selection.length > 1) {let del_row = selection.shift();proTable.value.toggleRowSelection(del_row, false); // 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)}console.log("勾选的是数组:",selection)
}
<style lang="scss">
// 隐藏全选按钮。注意这里我没有加scoped
.table_wrapper th.el-table__cell:nth-child(1) .cell{visibility: hidden;
}
</style>
http://www.lryc.cn/news/527608.html

相关文章:

  • 【JavaEE进阶】图书管理系统 - 壹
  • 牛客周赛 Round 77 题解
  • Mybatis配置文件详解
  • 《深度揭秘:TPU张量计算架构如何重塑深度学习运算》
  • Java基础知识总结(二十二)--List接口
  • [STM32 - 野火] - - - 固件库学习笔记 - - -十二.基本定时器
  • 算法随笔_27:最大宽度坡
  • 无公网IP 外网访问本地部署 llamafile 大语言模型
  • 使用PC版本剪映制作照片MV
  • 搭建 docxify 静态博客教程
  • 汽车OEMs一般出于什么目的来自定义Autosar CP一些内容
  • Vue.js Vuex 模块化管理
  • 分布式光纤应变监测是一种高精度、分布式的监测技术
  • 用Devc++与easyx一步一步做游戏[启动界面部分]-解决hover闪烁问题及优化
  • mysql 学习3 SQL语句--整体概述。SQL通用语法;DDL创建数据库,查看当前数据库是那个,删除数据库,使用数据库;查看当前数据库有哪些表
  • 【数据结构】_链表经典算法OJ:分割链表(力扣—中等)
  • k8s支持自定义field-selector spec.hostNetwork过滤
  • ICSE‘25 LLM Assistance for Memory Safety
  • 《十七》浏览器基础
  • TikTok 推出了一款 IDE,用于快速构建 AI 应用
  • 阅读springboot源码 记录
  • Linux之内存管理前世今生(一)
  • Beautiful Soup 入门指南:从零开始掌握网页解析
  • 网络通信---MCU移植LWIP
  • Go-并行编程新手指南
  • 基于Django的个人博客系统的设计与实现
  • Python爬虫获取custom-1688自定义API操作接口
  • kaggle-ISIC 2024 - 使用 3D-TBP 检测皮肤癌-学习笔记
  • 滤波电路汇总
  • 1.Template Method 模式