<el-table-column align="center" label="快递" > <el-table-column :cell-style="{ backgroundColor: '#f52f1e' }" align="right" prop="exAmount" label="销售金额" > <template slot-scope="scope">{{num_filters(scope.row.exAmount)}}</template> </el-table-column> <el-table-column align="right" prop="exSalesProfit" label="销售毛利"> <template slot-scope="scope">{{num_filters(scope.row.exSalesProfit)}}</template> </el-table-column> </el-table-column> 以上代码中:cell-style无效
时间: 2024-03-06 08:51:00 浏览: 131
element-ui 的el-button组件中添加自定义颜色和图标的实现方法.docx
5星 · 资源好评率100%
根据你提供的代码,我可以看出其中存在一个嵌套的问题。在 `<el-table-column>` 标签下,你又使用了一个 `<el-table-column>` 标签。这个标签不应该被嵌套在父级标签内部,而应该在同一层级下。因此,`cell-style` 的样式无效可能是由于这个嵌套问题导致的。你可以将第二个 `<el-table-column>` 标签移动到与另一个同级别的位置,就可以解决这个问题了。例如:
```
<el-table-column align="center" label="快递">
<el-table-column align="right" prop="exAmount" label="销售金额">
<template slot-scope="scope">{{num_filters(scope.row.exAmount)}}</template>
</el-table-column>
<el-table-column align="right" prop="exSalesProfit" label="销售毛利">
<template slot-scope="scope">{{num_filters(scope.row.exSalesProfit)}}</template>
</el-table-column>
</el-table-column>
```
阅读全文