隐藏el-table自带的筛选按钮图标,点击表头可实现筛选功能

在对elementUI的el-table表格进行筛选操作,在过程中需要点击表头实现筛选功能,加载出筛选项列表,并将自带的筛选项进行隐藏。

筛选项隐藏
在这里插入图片描述

.el-table__column-filter-trigger i{
    display: none;
  }

表头实现筛选功能:在el-table上添加 @header-click="handle"
在这里插入图片描述

handle(column, event){
          event.target.childNodes[2].click();
      },

在这里插入图片描述

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页