element UI+vue:表格使用cell-style改变单元格样式

Posted pmcee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element UI+vue:表格使用cell-style改变单元格样式相关的知识,希望对你有一定的参考价值。

// 调用方法的部分为:
<el-table
:cell-style="timeStyle"
>

// 要修改样式的部分为:
<el-table-column
label="创建时间"
:formatter="startTime"
width="150">

// 方法:
methods:
// 改变表格中时间的字体样式:调小
timeStyle(column) {
if(column.columnIndex === 2 || column.columnIndex === 4) {
return "font-size: 2px"


修改样式为font-weight:bold时,修改成功;
但当修改字体大小时,失效。

以上是关于element UI+vue:表格使用cell-style改变单元格样式的主要内容,如果未能解决你的问题,请参考以下文章

Vue中使用Element-UI实现表格跨页多选

如何在表格中添加图片(使用el-table、el-table-column),即在Vue.js中使用ui-element?

如何使表格行可点击并展开行 - vue.js - element-ui

vue element ui 表格 selection-change方法使用(获取某行数据)

elment表格多选变色 vue Element-ui 表格多选 修改选中行背景色

element UI+vue:表格使用cell-style改变单元格样式