el-table背景色不透明

el-table 是一个基于 Element UI 的表格组件，其背景色不透明可以通过在表格中设置样式来实现。可以通过设置 `background-color` 属性来改变背景色，例如：

.el-table {
  background-color: #fff; /* 设置背景色为白色 */
}

同时，你也可以使用 Element UI 提供的自定义样式来修改表格的背景色，具体方法可以参考 Element UI 官方文档。

相关问题

更换el-table背景色

要更换el-table的背景色，可以使用以下两种方法：

方法一：
在样式中使用CSS选择器来选择表头单元格，并设置背景颜色。可以在样式中添加如下代码：

.el-table th.el-table__cell {
  background-color: #FFF;  // 设置表头背景色
}

其中，`#FFF`是你想要设置的背景色值。

方法二：
在el-table标签上使用`:header-cell-style`属性来直接设置表头单元格的样式。可以在模板中添加如下代码：

<el-table :header-cell-style="{ background: '#e2d2d2' }">
  <!-- 表格内容 -->
</el-table>

其中，`#e2d2d2`是你想要设置的背景色值。

以上两种方法都可以实现更换el-table表头的背景色。

el-table背景色半透明

el-table 是 Element UI 中的一个表格组件，可以用于展示数据。要设置 el-table 的背景色为半透明，可以通过以下几种方式实现：

1. 使用 CSS 样式：可以通过给 el-table 添加一个自定义的 CSS 类，并在该类中设置背景色为半透明。例如：

.transparent-bg {
  background-color: rgba(0, 0, 0, 0.5);
}

然后在 el-table 中添加该类名：

<el-table class="transparent-bg"></el-table>

2. 使用 Element UI 提供的样式属性：Element UI 提供了一些内置的样式属性，可以直接应用于 el-table。可以使用 `row-style` 属性来设置每一行的样式，包括背景色。例如：

<el-table :data="tableData" :row-style="{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }"></el-table>

这样就会将每一行的背景色设置为半透明。

3. 使用插槽（slot）：可以使用 Element UI 提供的插槽功能，在 el-table 中插入自定义的内容，并设置其样式为半透明。例如：

<el-table :data="tableData">
  <template slot-scope="scope">
    <tr style="background-color: rgba(0, 0, 0, 0.5);">
      <!-- 插入表格内容 -->
    </tr>
  </template>
</el-table>

这样就可以将插槽中的内容的背景色设置为半透明。