在easyui中如何自定义表格里面的内容

比如在

javascript 复制代码
 <th data-options="field:'severity',width:80,formatter:formatSeverity">事故等级</th>

这个里面,加上data-options,里面写上formatter,后面就是接的方法名称

我们可以在后面写上

javascript 复制代码
function formatSeverity( value,row, index){
        if(value === '轻微'){
            return '<span class="severity-badge severity-badge-slightly">轻微</span>';
        }else if(value === '一般'){
            return '<span class="severity-badge severity-badge-general">一般</span>';
        }else if(value === '严重'){
            return '<span class="severity-badge severity-badge-serious">严重</span>';
        }else if(value === '特别严重'){
            return '<span class="severity-badge severity-badge-critical">特别严重</span>';
        }
    }

这样就会显示我们的格式化过后的内容样式可以自己选择

相关推荐
两个西柚呀几秒前
每日前端面试题-防抖和节流
前端
阿眠7 分钟前
前端面试题
前端
清风徐来QCQ17 分钟前
SpringMvC
前端·javascript·vue.js
Smoothzjc18 分钟前
👉 求你了,别再裸写 fetch 做 AI 流式响应了!90% 的人都在踩这个坑
前端·人工智能·后端
沛沛老爹19 分钟前
Web开发者进阶AI:Agent技能设计模式之迭代分析与上下文聚合实战
前端·人工智能·设计模式
yong999026 分钟前
基于MATLAB的大变形悬臂梁求解程序
前端·数据库·matlab
Swift社区27 分钟前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
小和尚敲木头28 分钟前
记录一次vue3中this引发的开发没有问题,生产发生问题的分析
前端·vue
TttHhhYy33 分钟前
小记,antd design vue的下拉选择框,选项部分不跟着滑动走,固定在屏幕某个部位,来改
前端·vue.js·sql
小二·34 分钟前
Python Web 全栈开发实战教程:基于 Flask 与 Layui 的待办事项系统
前端·python·flask