【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;
}
相关推荐
不会敲代码12 分钟前
从零到一:用 Vue3 + Kimi 大模型打造「拍照记单词」AI 应用
vue.js·typescript·aigc
隔壁的大叔3 分钟前
Markdown 渲染如何穿插自定义组件
前端·javascript·vue.js
薯老板12 分钟前
JavaScript原型,原型链
javascript
RONIN18 分钟前
脚手架搭建项目框架(create-vite、vue-cli、create-vue、quasar-cli)
vue.js
愚者Pro1 小时前
Flutter基础学习
前端·javascript·vue.js
时光足迹1 小时前
Tiptap 简单编辑器模版
前端·javascript·react.js
吴声子夜歌1 小时前
Vue3——使用Mock.js
javascript·vue·mock.js
时光足迹2 小时前
ThreeJS之GUI控制器
前端·javascript·three.js
时光足迹2 小时前
Tiptap编辑器
前端·javascript·react.js
im_AMBER2 小时前
手撕hot100之矩阵!看完这篇就AC~
javascript·数据结构·线性代数·算法·leetcode·矩阵