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

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

相关推荐
前端一小卒15 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
滑雪的企鹅.16 小时前
HTML头部元信息避坑指南大纲
前端·html
一拳不是超人17 小时前
老婆天天吵吵要买塔罗牌,我直接用 AI 2 小时写了个在线塔罗牌
前端·ai编程
excel18 小时前
如何解决 Nuxt DevTools 中关于 unstorage 包的报错
前端
Rust研习社18 小时前
使用 Axum 构建高性能异步 Web 服务
开发语言·前端·网络·后端·http·rust
C澒19 小时前
AI 生码 - API2Code:接口智能匹配与 API 自动化生码全链路设计
前端·低代码·ai编程
浔川python社19 小时前
HTML头部元信息避坑指南技术文章大纲
前端·html
IT_陈寒19 小时前
SpringBoot配置加载顺序把我坑惨了
前端·人工智能·后端
kyriewen19 小时前
Next.js部署:从本地跑得欢,到线上飞得稳
前端·react.js·next.js
Moment19 小时前
面试官:给 llm 传递上下文,有哪几个身份 role ❓❓❓
前端·后端·面试