【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;
}
相关推荐
yyuuuzz4 分钟前
独立站搭建:从基础到避坑的实战分享
前端·javascript·github
星空椰27 分钟前
JavaScript 基础入门:从零开始掌握变量与数据类型
开发语言·前端·javascript·ecmascript
Ruihong41 分钟前
你的 Vue 3 生命周期,VuReact 会编译成什么样的 React?
vue.js·react.js·面试
竹林8181 小时前
用wagmi v2构建DeFi前端:从连接钱包到读取合约数据的完整实战与避坑指南
前端·javascript
Kinghiee1 小时前
从零打造生产级前端错误监控 SDK:架构设计与 Vue3 实践
前端·javascript·vue.js·去重·错误捕获·上报·离线持久化
吴声子夜歌1 小时前
Vue3——元素样式绑定
前端·javascript·vue.js·es6
xingpanvip1 小时前
PHP+JS+CSS打造动态星盘计算器
javascript·css·php
chimooing1 小时前
Hermes与OpenClaw的技术碰撞:从JavaScript引擎优化到企业级数据采集的深度解析
开发语言·javascript·ecmascript
guojb8241 小时前
当 Vue 3 遇上桥接模式:手把手教你优雅剥离虚拟滚动的业务大泥球
vue.js·设计模式
Bacon1 小时前
CDP、Puppeteer 与无头浏览器:它们到底什么关系?
前端·javascript·node.js