【Element】隐藏 el-table 展开行的箭头

需求

点击行展开行,隐藏箭头

方法

首先需求是点击行显示展开行

ts 复制代码
@row-click="rowClick"

const rowClick = (row: any, column: any, event: any) => {
  console.log(row, column, event)
  if (multipleTable.value) {
    multipleTable.value.toggleRowExpansion(row)
  }
}

这个时候不需要展示箭头了

  1. 先设置宽度
html 复制代码
<el-table-column type="expand" width="1" > // 设置宽度等于1
  1. 修改样式
css 复制代码
:deep(.el-table__expand-column){
visibility: hidden;
}
相关推荐
灵感__idea11 分钟前
Hello 算法:让前端人真正理解算法
前端·javascript·算法
excel1 小时前
🧩 Vue 3 watch 源码详解(含完整注释)
前端·javascript·vue.js
苏打水com4 小时前
JavaScript 入门学习指南:从零基础到能写交互效果
javascript
大前端helloworld4 小时前
前端梳理体系从常问问题去完善-框架篇(Vue2&Vue3)
前端·javascript·面试
嫂子的姐夫4 小时前
11-py调用js
javascript·爬虫·python·网络爬虫·爬山算法
Dajiaonew4 小时前
Vue3 + TypeScript 一篇文章 后端变全栈
前端·javascript·typescript
kakacc:5 小时前
SpringBoot+Hutool+Vue实现导出
java·vue.js·spring boot
勤奋菲菲7 小时前
Koa.js 完全指南:下一代 Node.js Web 框架
前端·javascript·node.js
10年前端老司机7 小时前
面试官爱问的 Object.defineProperty,90%的人倒在这些细节上!
前端·javascript
徐小夕8 小时前
花了4个月时间,我写了一款支持AI的协同Word文档编辑器
前端·vue.js·后端