1、formatter函数作用

formatter(格式化)函数可以用来对渲染在单元格中的数据做操作,(比如:后台返回状态值是数字,可以根据相应的值做判断等等)。

2、formatter函数所带参数及基本形式

默认带有三个参数:

value: 字段值

row: 单元格行记录数据

index: 单元格行索引

formatter: function(value, row, index) {
    ...(你所要进行操作执行的代码块)
}

参考示例:

3、其他

 当然formatter函数也可以用来给单元格数据加样式,如下:

formatter: funtion(这里传入你要修改行数据的值,就像上面那个行里面的状态值row.status) {
    (你要执行的操作)
    if(row.status) {
        return "<span style='color: bllue'>审批中</span>"
    }
}

这里改变样式也可以用render(渲染)函数来实现,就是跟template一样创建html模板的,在这里就不多介绍了(具体了解可以参考一下这位大佬的render函数是什么)。

Ps:内容不多,望对你有一定帮助(没点用请扣2,也许你会找到更好的【狗头】),欢迎评论指教

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐