el-table 表头标题背景透明

在ECharts Table (el-table)中，如果你想让表头标题的背景变得透明，你可以通过设置`cell-class-name`属性，然后自定义CSS样式来实现。下面是一个简单的例子：

<template>
  <el-table :data="tableData">
    <el-table-column type="index" label="#" width="50"></el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      cell-class-name="transparent-header"
      show-overflow-tooltip
    ></el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<style scoped>
.transparent-header {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* 可选，添加边框保持清晰 */
}
</style>

<script>
export default {
  data() {
    return {
      tableData: ... // 你的表格数据
    };
  }
};
</script>

在这个示例中，我们创建了一个名为`transparent-header`的CSS类，将背景颜色设为`transparent`，并可以添加一些其他装饰性的边框以保持标题的可见性。