element plus为表格某列数据文字设置颜色样式

有时候业务需要，需要将表格里的数据换上不同颜色的样式，以便查看，查看官方文档，有一个属性可以修改表格的样式

话不多说，放代码：

<el-table ref="multipleTableRef" :data="tableData" style="width: 100%"@selection-change="selectionChange":cell-style="cellStyle">...<el-table-column property="type" label="一级分类"></el-table-column><el-table-column property="classify" label="二级分类"/>...<el-table-column property="standardState" label="标准状态"/></el-table>

js：

  const cellStyle = ({ row, column, rowIndex, columnIndex }) => {// 状态列字体颜色// columnIndex 列下标// rowIndex 行下标// row 行// column 列if (row.type !=null && columnIndex === 3) {return { color: "#189EFF" };}else if (row.classify != null && columnIndex === 4) {return { color: "#189EFF" };} else if (row.standardState =='现行' && columnIndex === 6) {return { color: "#1CD66C" };} else if (row.standardState == '即将实施' && columnIndex === 6) {return { color: "#189EFF" };} else if (row.standardState == '废止' && columnIndex === 6) {return { color: "red" };}}

element plus为表格某列数据文字设置颜色样式相关推荐

两列模糊对比 oracle,excel 模糊比对两列数据并将比对结果显示出来 | excel表格两列数据模糊对比...
excel2016如何将两列完全不一样的数据进行模糊对比? B2单元格输入公式=IF(ISNUMBER(FIND(LEFT(A2,3),PHONETIC(G$2:G$8))),"" ...
css表格设置行列的颜色,CSS：为表格中的选定行设置颜色
我需要将以下功能添加到我的表中:当用户单击某行(选择它)时,该行用颜色#FFCF8B标记(与hover相同).我试过#newspaper-b tbody tr.selected td,但它不起作用.C ...
python excel取列_python取excel表格第一列数据-python操作excel，使用xlrd模块，获取某一列数据的......
怎样用python,读取excel中的一列数据 Python对Excel的读写主要有xlrd.copyxlwt.xlutils.openpyxl.xlsxwriter几种. 1.xlrd主要用来读百取 ...
python利用表格中的某一个列_python取excel表格第一列数据?python操作excel，使用xlrd模块，获取某一列数据的语句为...
用Python修改excel中一列数据可以使用pandas库,先读取excel文件,然后使用pandas库来修改一列,然后写入文件即可. 怎样用python,读取excel中的一列数据 sheet. ...
excel相乘再相加_(excel 两列相乘再相加)excel表格两列数据乘积
Excel求两列的乘积用什么公式啊 1.Excel 2016电子表格应用程序,所示点击屏幕右侧新建空作簿: 2.选中销售额单元格数域,如图所示.选择"公式→函数库"功能区,点击&q ...
Excel表格 |两列数据（多列）合并一列且自动换行
工作中经常用到处理两列数据合并的问题: 1.在空白单元格内输入公式:比如A1&CHAR(10)&B1 点击√,在前面输入=再次点击√,即可完成合并,设置自动化换行,即可让合并后的内容换 ...
python 读取excel表格某列数据
1.使用python包栈为openpyxl 2.多说无益,直接上代码 3.读取两个excel某列数据进行对比取交集 import openpyxldef get_entitydi():workbook ...
python xlwings追加数据_Python学习随笔：使用xlwings设置和操作excel多行多列数据以及设置数据字体颜色填充色对齐方式的方法...
一.关于整行整列数据读写的问题在<Python学习随笔:使用xlwings读取和操作Excel文件>介绍了一次读写整行和整列的方法,整行数据写入时可以简单将读取的赋值语句交换一下等号左右 ...
如何给el-table表格的指定单元格设置颜色
一.需求及效果图最近的项目中,遇到给表格中指定单元格设置字体颜色,使用的是el-table做的,控制单元格字体颜色,每一行的最大值设置成绿色,最小值设置成红色,效果如下: 二.方法及代码使用的是控 ...

element plus为表格某列数据文字设置颜色样式

element plus为表格某列数据文字设置颜色样式相关推荐

最新文章

热门文章