element ui table 表头弄一条斜线

可以通过修改样式来实现在element ui table表头上添加一条斜线。

首先，给表头添加一个特定的类名，例如"header-line"，然后在样式文件中为该类名添加样式属性。

.header-line::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid #000;
  transform: rotate(-45deg);
}

这里使用伪元素::before来创建一条斜线。将其设置为绝对定位，位于表头的中间位置。通过设置border-top属性来定义斜线的样式，这里设置为1像素的实线。使用transform属性将斜线旋转45度，使其呈现斜线效果。

然后，在表格组件的模板中将该类名应用到表头所在的th元素上。

<el-table>
  <el-table-column prop="column1" label="Column 1" class="header-line"></el-table-column>
  <el-table-column prop="column2" label="Column 2"></el-table-column>
  <el-table-column prop="column3" label="Column 3"></el-table-column>
</el-table>

通过为表头的th元素添加class="header-line"，即可应用上述样式。

以上就是使用样式来在element ui table表头上添加一条斜线的方法。