问:el-table的合计怎么修改样式?

求解,怎么更改el-table里summary的默认属性

img

怎么把默认的第一列“总价”改成“总面积”?
并且把合计列的背景色与字体色改变?
大大求解!

加sum-text进行修改合计label

<el-table :data="tableData" border show-summary style="width: 100%" sum-text="总面积">

呃,我经过整理,问题全部解决了。大致方法我说下:
首先说下默认文字的问题,官方是给出了解决方案的。
上图:

img


这是第一种,用在没有自定义方法:summary-method时,直接添加sum-text
还有一种是使用官方提供的:summary-method方法时,更改sun【index】。
就是图上标注的

img

至于第一个问题:更改样式
我在
网上冲了一个多小时浪也没满意的回答,后来静下心查看源码,经过调试网页直接更改属性,发现还不错,所以我就 直接拿来用了。
世界原来如此简单:

img


直接F12选中合计行,再通过网页调试,找出合计行的style,调好后再把样式直接复制到代码中!

嗯,建议类似的问题可以看看文档,一般会有:

合计修改:参考:ElementUI #表尾合计行


img


改变颜色
嗯,如果你的行数固定的话,你可以通过,index修改对应行的颜色,参考 ·ElementUI#带状态表格

img