vue+element-ui找出表格一行中的最大值和一列中的最大值改变字体颜色

最新推荐文章于 2024-08-09 08:00:00 发布

wangkaixin1108

最新推荐文章于 2024-08-09 08:00:00 发布

阅读量1.5k

点赞数

文章标签： vue.js ui elementui

本文链接：https://blog.csdn.net/wangkaixin1108/article/details/122045641

版权

这段代码展示了如何在Vue+Element-UI的表格中找出一行和一列的最大值，并改变这些最大值的字体颜色。通过遍历表格数据，找到特定列（如第2、4、6等列）的最大值和任意行的最大值，然后根据找到的最大值的索引修改单元格样式。

摘要由CSDN通过智能技术生成

//找出一行中的最大值和一列中的最大值，改变其字体颜色
addStyle({ row, column, rowIndex, columnIndex }){
//newObject 行数据
let newObject = [];
//columnObject 列数据
let columnObject = [];
//需要获取的属性名称
let columnTag = null
//这里我需要的是表格的第2、4、6、8、10、12、14、16列的属性
switch (columnIndex) {
case 2:columnTag = 6; break;
case 4:columnTag = 5 ;break;
case 6:columnTag = 4 ;break;
case 8:columnTag = 3 ;break;
case 10:columnTag = 2 ;break;
case 12:columnTag = 1 ;break;
case 14:columnTag = "avg" ;break;
case 16:columnTag = 0 ;break;
}
for (let i = 0; i < this.tableData.length; i++