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函数有几个参数。官网是真稥,多去官网看看,多琢磨。
上一篇: Java Optional空指针处理