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

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

相关推荐
slim~9 分钟前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
一支鱼14 分钟前
leetcode常用解题方案总结
前端·算法·leetcode
小浣熊喜欢揍臭臭24 分钟前
react+umi项目如何添加electron的功能
javascript·electron·react
惜.己26 分钟前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
乖女子@@@40 分钟前
React笔记_组件之间进行数据传递
javascript·笔记·react.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
念念不忘 必有回响1 小时前
js设计模式-装饰器模式
javascript·设计模式·装饰器模式
用户21411832636021 小时前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端
weixin_584121431 小时前
vue3+ts导出PDF
javascript·vue.js·pdf
Zacks_xdc2 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js