【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;
}
相关推荐
oooo_z26 分钟前
美股历史K线数据API接口选型指南:iTick覆盖1分钟到月线全周期
服务器·前端·javascript
mONESY1 小时前
LangChain 结构化输出三兄弟:ToolCall、OutputParser、withStructuredOutput 彻底讲透
javascript
知兀1 小时前
【前端】受控和非受控组件
前端·javascript·react
晴天161 小时前
JavaScript 与 Java 垃圾回收机制对比
java·开发语言·javascript
huali2 小时前
vue-split-screen:让 Vue Router 的导航轨迹变成两个页面
前端·javascript·vue.js
bug总结2 小时前
uniapp总结
开发语言·前端·javascript
走到天涯海角2 小时前
pinia和Vuex的区别以及使用pinia
开发语言·前端·javascript
晴天162 小时前
Web 页面内存溢出与 CPU 溢出:区别、诊断与最佳实践
前端·javascript
Highcharts.js3 小时前
常见报错排雷指南3:兼容性问题的官方解法
前端·javascript·react.js·可视化·highcharts·报错解法
雪芽蓝域zzs3 小时前
第三十六节:keep-alive 页面缓存(Vue3 + 后台管理系统)
前端·vue.js·缓存