欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element table组件某列无数据显示占位符

程序员文章站 2022-06-07 18:38:14
...

之前用过table组件的formatter用来格式化内容,是直接用其中row参数去每列定义一个formatter函数,也是瓜西西咧,该Function(row, column, cellValue, index)有三个参数,其中cellValue就是我们每列对应的内容,直接对齐格式化内容就可以table组件多列无数据显示占位符了。


 <el-table-column
                prop="beginTime"
                :label="beginTime"
                width="180px"
                :formatter="formatterCellval"//在需要显示占位符的地方加上该函数
    ></el-table-column>
    
//无内容显示占位符
 formatterCellval(row, column, cellValue, index) {
            console.log(Boolean(cellValue), cellValue);
            if (!Boolean(cellValue)) {
                return "--";
            } else {
                return cellValue;
            }
        },

之前我用的时候是直接在网上粘的,没有去看官网,所有就不知道这个formatter函数有几个参数。官网是真稥,多去官网看看,多琢磨。

相关标签: 实操