easyui的datagrid数据网格中的内容进行换行，且带有下拉

最新推荐文章于 2023-06-15 11:16:43 发布

原创最新推荐文章于 2023-06-15 11:16:43 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #datagrid #数据网格中的内容进行换行

easyui 同时被 2 个专栏收录

4 篇文章

订阅专栏

页面

4 篇文章

订阅专栏

本文介绍了一种在 EasyUI 的 datagrid 数据网格中实现内容换行的方法，通过自定义 formatter 函数，使用 HTML 样式属性 word-wrap 和 white-space，使单元格内的长文本能够自动换行显示，提高数据展示的可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui的datagrid数据网格中的内容进行换行

{
                    field : 'explain',
                    title : '情况说明',
                    width : 300,
                    formatter : function(value, row, index) {
                        return '<div style="display: inline-block;width: 250px;height: 50px;word-wrap:break-word; ' +
                            'word-break: break-all ;white-space:normal;overflow: auto ">'+value+'</div>';
                    }
                }

在这里插入图片描述