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

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

相关推荐
迷曳20 分钟前
28、鸿蒙Harmony Next开发:不依赖UI组件的全局气泡提示 (openPopup)和不依赖UI组件的全局菜单 (openMenu)、Toast
前端·ui·harmonyos·鸿蒙
爱分享的程序员33 分钟前
前端面试专栏-工程化:29.微前端架构设计与实践
前端·javascript·面试
上单带刀不带妹36 分钟前
Vue3递归组件详解:构建动态树形结构的终极方案
前端·javascript·vue.js·前端框架
-半.38 分钟前
Collection接口的详细介绍以及底层原理——包括数据结构红黑树、二叉树等,从0到彻底掌握Collection只需这篇文章
前端·html
90后的晨仔1 小时前
📦 Vue CLI 项目结构超详细注释版解析
前端·vue.js
@大迁世界1 小时前
用CSS轻松调整图片大小,避免拉伸和变形
前端·css
一颗不甘坠落的流星1 小时前
【JS】获取元素宽高(例如div)
前端·javascript·react.js
白开水都有人用1 小时前
VUE目录结构详解
前端·javascript·vue.js
if时光重来1 小时前
axios统一封装规范管理
前端·vue.js
m0dw1 小时前
js迭代器
开发语言·前端·javascript