如何使用el-table实现在对应标题上方添加一个搜索框?

使用el-table组件时,需要把标题中的搜索框提取到表格的上面,也就是可以在对应列的上面可以显示一个输入框;
截图需求

img

自己尝试使用position:relative;将元素移到表格外,但是被隐藏了,在el-table中很多地方添加了overflow:visible;但是依然不能让元素在表格外部显示,但是在向左右方向超出单元格时,可以正常显示,如果是上下方向超出单元格就无法显示。
希望各位小伙伴帮帮忙,急需。


<template slot="header" slot-scope="slot">
      <el-input .../>
      <span>公司名称</span>
    </template>

那你可以在定义一个table 标题行即可

table上面放个div 然后里面套对应列数量的div,宽度和列的宽度写一样,然后边框自己写一下

img


我这个写在下面的类似

关于这个添加搜索框的问题,目前我个人采用的是设置多级标题的方式进行添加,当时设置多级标题后会出现每个单元格都有边框了,显然我们需要做出搜索框在表格外面的效果不能很好的体现,如果有小伙伴有采用这种方式的,可以讲讲关于去掉多级标题的边框吗?

  • 设置了多级标题

img

  • 顶部标题专门用于添加搜索框

img


最后就是如何去掉顶部标题栏的背景色和边框?
希望各位小伙帮帮忙哈~~~