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

Trust yourself243

于 2025-07-22 15:31:58 发布

阅读量622

点赞数 1

CC 4.0 BY-SA版权

分类专栏： easy-ui 文章标签： easyui 前端 javascript

本文链接：https://blog.csdn.net/qq_56826081/article/details/149537663

easy-ui 专栏收录该内容

9 篇文章

订阅专栏

比如在

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

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

我们可以在后面写上

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

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