需求：在没有数据的时候，或者后台请求数据为null时，会直接不显示、影响用户体验如下图：

image.png

解决办法，在行中设置formatter过滤器：

在要过滤的行的数据上，加上这一行：

:formatter="fmtNull"

image.png

在方法中定义：

fmtNull(row, column, cellValue, index){
      if(cellValue===null){
        cellValue="暂无数据"
      }
     return  cellValue 
    },

image.png

大功告成，效果见下：

image.png

element-ui表格数据过滤
需求：在没有数据的时候，或者后台请求数据为null时，会直接不显示、影响用户体验如下图：解决办法，在行中设置fo...
element-ui的表格有多选框时翻页记住之前选择的数据
场景描述： element-ui的table表格数据有提供多选框的功能,只要在表格列中多加一列就可以选择表格的数据...
element-UI 的table数据回显的实现
element-UI 的table表格数据提供了多项框选择的功能,只要在表格列中多加一列就可以选择表格的数据但是有...
解决Vue 使用Element-ui table数据覆盖污染问题
今天处理了一个需求, 利用Element-UI提供的表格组件的展开做数据展示, 遇到了展开后的表格数据污染问题, ...
element-ui中多选表格，配合分页的情况实现数据回显打勾。
element-ui中多选表格，配合分页的情况实现数据回显打勾。很常见的需求，element-ui官方实际上也给出...
vue element-ui动态生成table表头和数据
element-ui动态生成表头和数据；应用场景：由于业务需要根据后台返回的数据进行动态的生成表格（表头+数据）；...
关于element表格数据过滤，显示不同样式的问题
需求：过滤表格中的异常数据，并标红显示。异常数据：解决办法：用【template】 1、这个表格里面，【当前值...
element-ui el-table 大量数据的树状表格展开折
关键字：element-ui， el-table ，大量数据，树状表格，展开折叠，卡顿，懒加载遇到难题： ele...
element-ui表格数据转换
一般来说在后台返回的数据大多是英文或者数字。比如，1代表男；2代表女。如何在element-ui中实现转换呢。需要...
vue中导出表格数据
项目中使用了 element-UI ，需要导出表格中的数据，主要用到了两个依赖：xlsx ，file-saver ...