elementui修改单元格的样式
程序员文章站
2022-06-08 15:54:46
...
废话不多说直接上代码
在el-table中定义样式函数,js中写函数
<el-table
:cell-style="cellStyle"
>
js:这里的函数的返回值有多个参数,大家可以console.log(参数),F12去查看自己想到的数据,并取出,这里我设置的是列名为“标题”的那列单元格样式
/** 标题单元格字体格式*/
cellStyle:function (row, column, rowIndex, columnIndex) {
if(row.column.label === "标题"){
return 'font-weight:bold'
}else{
return ''
}
}
效果:只有该列字体加粗
推荐阅读
-
关于jquery中css,addclass,sttr修改样式的效率问题?_html/css_WEB-ITnose
-
仿dedecms下拉分页样式修改的thinkphp分页类实例
-
Vue修改mint-ui默认样式的方法
-
javascript - ecshop的banner图片的样式怎么改,我修改了这个banner图的大小后下面的序号找不到了
-
PHP+ajax实现可以编辑的单元格点击可以修改
-
ArcTime Pro字幕怎么修改样式? ArcTime更换字幕样式的技巧
-
基于leaflet.js实现修改地图主题样式的流程分析
-
分享六款echarts统计图的样式修改
-
如何用CSS修改浏览器滚动条的样式(实例详解)
-
UIWebView控件中字体大小和字体样式的修改