element-ui 更改表格中某个单元格的样式

学习前端也有一年了，今天用到element-ui table设置某个单元格颜色让人很头疼， 将这个问题的解决办法保存下来

代码块

```
<el-table
style=“width: 100%”
:data=“ModuleList.rows”
stripe
height=“calc(100vh - 220px)”
size=“small”
:cell-style=“tableCli”
border>
<el-table-column type=“index” :ModuleList=“ModuleList+1” label=“序号”></el-table-column>
<el-table-column prop=“account” label=“账号”></el-table-column>
<el-table-column prop=“realName” label=“姓名”></el-table-column>
<el-table-column prop=“gender” label=“性别” :formatter=“formatSex”></el-table-column>
<el-table-column prop=“mobile” label=“手机”></el-table-column>
<el-table-column prop=“departmentName” label=“部门”></el-table-column>
<el-table-column label=“状态”>
<template slot-scope=“scope”><el-switch disabled :inactive-value=“0” :active-value=“1”
v-model=“scope.row.enabledMark”></el-switch></template>
</el-table-column>
<el-table-column prop=“description” label=“备注”></el-table-column>
</el-table>
```

方法：

```
el-table
style=“width: 100%”
:data=“ModuleList.rows”
stripe
height=“calc(100vh - 220px)”
size=“small”
:cell-style=“tableCli”
border>
<el-table-column type=“index” :ModuleList=“ModuleList+1” label=“序号”></el-table-column>
<el-table-column prop=“account” label=“账号”></el-table-column>
<el-table-column prop=“realName” label=“姓名”></el-table-column>
<el-table-column prop=“gender” label=“性别” :formatter=“formatSex”></el-table-column>
<el-table-column prop=“mobile” label=“手机”></el-table-column>
<el-table-column prop=“departmentName” label=“部门”></el-table-column>
<el-table-column label=“状态”>
<template slot-scope=“scope”><el-switch disabled :inactive-value=“0” :active-value=“1”
v-model=“scope.row.enabledMark”></el-switch></template>
</el-table-column>
<el-table-column prop=“description” label=“备注”></el-table-column>
</el-table>
```

效果图

转载：https://blog.csdn.net/AHRL__/article/details/80805792