在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>';
        }
    }

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

相关推荐
EndingCoder9 分钟前
Next.js 中间件:自定义请求处理
开发语言·前端·javascript·react.js·中间件·全栈·next.js
Andy_GF13 分钟前
纯血鸿蒙 HarmonyOS Next 调试证书过期解决流程
前端·ios·harmonyos
现实与幻想~19 分钟前
Linux:企业级WEB应用服务器TOMCAT
linux·前端·tomcat
mit6.82420 分钟前
[AI React Web]`意图识别`引擎 | `上下文选择算法` | `url内容抓取` | 截图捕获
前端·人工智能·react.js
赛博切图仔26 分钟前
React useMemo 深度指南:原理、误区、实战与 2025 最佳实践
前端·react.js·前端框架
YiuChauvin1 小时前
vue2中页面数据及滚动条缓存
前端·vue.js
摸着石头过河的石头1 小时前
微信h5页面开发遇到的坑
前端·微信
zabr1 小时前
AI时代,为什么我放弃Vue全家桶,选择了Next.js + Supabase
前端·aigc·ai编程
egghead263161 小时前
React常用hooks
前端·react.js
科粒KL1 小时前
前端学习笔记-浏览器渲染管线/一帧生命周期/框架更新
前端·面试