element ui表格给表头加上纵向框

要给 Element UI 表格的表头加上纵向框，可以通过 `header-row-style` 属性来设置表头行的样式。具体操作如下：

1. 在表格的 `el-table` 标签中，添加 `header-row-style` 属性，并设置样式值：

<el-table :data="tableData" :header-row-style="{borderBottom: '2px solid #ccc'}">
  <!-- 表格列定义 -->
</el-table>

2. 在样式中，通过 `::before` 伪元素来添加纵向框样式：

.el-table__header th::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  background-color: #ccc;
}

这样就可以给表格的表头加上纵向框了。不过需要注意的是，这种方法会使表头的列宽略微变宽。