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

需求

点击行展开行,隐藏箭头
【Element】隐藏 el-table 展开行的箭头_第1张图片

方法

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

@row-click="rowClick"

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

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

  1. 先设置宽度
<el-table-column type="expand" width="1" > // 设置宽度等于1
  1. 修改样式
:deep(.el-table__expand-column){
visibility: hidden;
}

你可能感兴趣的:(Element,vue.js,javascript,elementui)