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改变单元格样式的主要内容,如果未能解决你的问题,请参考以下文章
如何在表格中添加图片(使用el-table、el-table-column),即在Vue.js中使用ui-element?
如何使表格行可点击并展开行 - vue.js - element-ui
vue element ui 表格 selection-change方法使用(获取某行数据)