哇塞，细小伙伴们，你们有没有想过为啥我们的表格背景dou是白色的呢？今天我要来教你们怎么给el-table设置背景色，让它变得五彩斑斓，优良kan极了！

一、 颜色选择器巨大揭秘

先说说我们要晓得，Ru果我们不晓得该选择怎样的颜色进行配色，Neng用HBuilder X中的颜色选择器来进行选择。比如 在HBuilder X的样式编辑器中，我们Neng找到背景色选择器：

二、设置透明背景，酷酷的！

在实际开发中，兴许会遇到需要将el-table背景设置为透明的情况。这种情况下我们Neng用style属性来设置表格样式。比如：

el-table的背景色我们Neng根据实际需求自在地进行设置，通过以上几种方法，Neng满足各类场合的需求。

三、根据条件添加背景色

我们Neng通过拿row中的数据来根据对应条件添加背景色。关键字是这玩意儿：row-class-name=tableRowClassName。

四、 设置特定单元格背景色

当然Ru果我们不想改变el-table整个的背景色，而是需要针对某一个单元格的背景色进行设置，也是NengZuo到的。在el-table-column标签中，我们Neng用scoped-slot对数据进行自定义渲染。比如：

五、设置单元格背景色，美美哒！

在el-table组件上添加cell-class-name属性，然后设置第一列单元格背景色class为yellow。怎么用eclipse的debug模式2015.10.16。用css设置yellow的背景色为浅薄黄色。

优良了细小伙伴们，今天我们就学到这么许多。希望你们Neng通过这篇文章，轻巧松掌握el-table背景色设置技巧，让你的网页变得geng加美观！

版权声明：本文为博主原创文章，遵循相关版权法规。本文详细介绍了怎么在Element UI框架中， 通过自定义CSS样式覆盖默认的el-table背景颜色，包括少许不了的选择器和代码示例。