自定义单元格样式

<el-table:cell-style="setSellStyle"
>
</el-talbe>

用setSellStyle这个方法去控制<el-table的单元格样式

methods: {setSellStyle({ row, column, rowIndex, columnIndex }) {if (column.label === '名称') {return "background:#e8e8e8;border: 1px solid #ffffff;borderRadius: 13px 0 0 5px;"}if (columnIndex === 4) {return "background:#e8e8e8;border: 1px solid #ffffff;borderRadius: 0 13px 5px 0"} else {return "background:#e8e8e8;border: 1px solid #ffffff;"}}

方法中可以传入行，列，行号和列号四个值
column.label：例如我的第一列的表头叫名称，那就可以通过列的label来返回样式，
columnIndex：我的列表一共有五列，列号是从0开始的，最后一列的编号就是4，通过列号来返回样式。

这里我改变了单元格的背景色，以及单元格边框样式

border-radius:

border-radius:2px;

等价于↓

border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;

border-radius:13px 0 0 5px;

等价于↓

border-top-left-radius:13px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:5px;

填写像素的值顺序为：左上↖、右上↗、右下↘、左下↙ 。刚好从左上开始顺时针一圈

————————————————————————————

教你把ElementTable单元格的四个角变圆/自定义特定单元格样式相关推荐

div 把四个角变圆
css: -webkit-border-radius: 5px; border-radius: 5px; 效果
怎么把照片的四个角变成圆的？
怎么把照片的四个角变成圆的?在生活中很多时候都会需要把照片的四个角变成圆的,不过能直接将照片的四个角变圆的操作好像并不多.很多小伙伴应该会想到,使用PS来操作,不过这种方法,操作稍微繁琐一些,如果我需 ...
使用Python由Excel表格中采集数据填充至Word表格特定单元格并批量生成文件
工作中我们经常会遇到,从EXCEL表格中大量复制粘贴数据至WORD表格中,再存为一个个单独文件,这种枯燥乏味的重复性工作不仅效率低下,还特别容易出错.本人试着做了一个小项目,仅用了19.441秒就自动 ...
matlab四节点矩形单元的应变,四节点矩形单元有限元解读.ppt
四节点矩形单元有限元分析过程 Tianjin University 引入无量纲坐标: 四节点矩形单元有限元分析过程 Tianjin University 由几何方程可得单元应变场表达式: 可记为: 四 ...
成功解决在excel表格中仅在某列内插入一个空白单元格，使其下部的数据整体下移一格
成功解决在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格目录解决问题解决方法解决问题在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格解决 ...
vba单元格批量赋值,EXCEL——VBA对文件夹下所有表格的特定单元格赋值
image 不知道大家有没有遇到过这种情况,一个文件夹下有很多Excel文件,每个文件里面一个或多个表都有一个同样的单元格,比如自己的名字啊.生日啊之类的.这个时候如果要改动这个单元格的内容我们需要一 ...
python 读取合并单元格视频_Python如何使用xlrd实现读取合并单元格
合并单元格操作方法: 1.使用xlrd自带属性:merged_cells # 获取表格中所有合并单元格位置,以列表形式返回 (起始行,结束行,起始列,结束列) merged = sheet.merg ...
python报表自动化系列 - Excel单元格（Cell）索引范围对应的所有单元格
获取指定起止索引内所有的Excel单元格索引李俊才邮箱:291148484@163.com [调用其他函数] Cell_A1to11(A1): 将任意范围的Excel索引表示转化为数字索引表示函数 ...
EasyExcel导出自定义合并单元格文件
目标需要使用阿里的EasyExcel库来导出excel,并要自定义合并单元格. 思路这里自定义的CellWriteHandler需要将数据进行如下处理: 1.Excel每一行数据必须对应一个对象: ...

教你把ElementTable单元格的四个角变圆/自定义特定单元格样式

自定义单元格样式

border-radius:

教你把ElementTable单元格的四个角变圆/自定义特定单元格样式相关推荐

最新文章

热门文章

教你把ElementTable单元格的四个角变圆/自定义特定单元格样式

自定义单元格样式

border-radius:

insertAdIfNeeded();

教你把ElementTable单元格的四个角变圆/自定义特定单元格样式相关推荐

最新文章

热门文章