vue el-table 加上水印

你可以在 `el-table` 的 `header-cell` 中添加水印，例如：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="name"
      label="姓名"
      width="180"
      header-cell-class-name="watermark"
    ></el-table-column>
    <el-table-column
      prop="age"
      label="年龄"
      width="180"
      header-cell-class-name="watermark"
    ></el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      header-cell-class-name="watermark"
    ></el-table-column>
  </el-table>
</template>

<style>
.watermark::before {
  content: "水印";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  font-weight: bold;
  color: #ccc;
  transform: rotate(-45deg);
  z-index: 1;
}
</style>

在这个示例中，我们在 `header-cell-class-name` 中添加了 `watermark` 类名，然后在样式中为这个类名的元素添加水印样式。通过 `::before` 伪元素来添加水印，`content` 属性来添加水印文本，`transform` 属性来旋转水印，`background-color` 属性来设置背景色和透明度。