遇到一个需求,Vue项目做一个表格,要求表头与表格内容分开,如下效果所示,表头与表格有个高度间隔边距(箭头所示),因为默认我们的el-table的表头与内容是一起的:
思路:通过querySelector获取el-table__header-wrapper元素,通过createElement创建一个div,通过
newElement.classList.add(“new-class”);给新元素div添加类名,然后设置样式,通过insertBefore属性方法传参,将其放在指定div之后。
表格代码如下:
<div class="policeTab"><el-table:cell-style="