easyui datagrid 单元格数据超出后自动换行

最新推荐文章于 2024-07-28 22:56:25 发布

原创最新推荐文章于 2024-07-28 22:56:25 发布 · 6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui

收录于

easyui 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了两种在EasyUI表格中实现数据超出自动换行的方法：一是通过设置nowrap属性为false，二是通过在特定列使用br标签进行换行。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

EasyUI表格中数据超出自动换行设置

方案一：使用 easyui 自带的nowrap 来设置table

$('#dg').datagrid({
    nowrap: false,
    columns:[[
        {field:'userId',title:'User', width:80,
            formatter: function(value,row,index){
                if (row.user){
                    return row.user.name;
                } else {
                    return value;
                }
            }
        }
    ]]
});

方案二：可以使用字符串中添加 br 标签进行换行展示

这种方式是在特定列换行，特定信息位置换行

$('#dg').datagrid({
    nowrap: false,
    columns:[[
        {field:'userId',title:'User', width:80,
            formatter: function(value,row,index){
                return 'hello<br>world'
            }
        }
    ]]
});