关于easyui datagrid 单元格自动换行输出的问题

easyui datagrid

相信不少朋友都有用过datagrid,如果我们在生成数据表格时,有些列的内容过多,就会造成显示不全的问题,这时候我们如何在单元格的里将内容自动关换行输出呢?

原来的效果
 原来的效果


    首先设置datagrid的列表属性, nowrap:false, 这表示:为True时则将数据显示在一行内。
//表格初始化
$list.datagrid({
    idField: "id", //主键
    frozenColumns: [[{field: 'ck', checkbox: false}]],//复选框列
    columns: cols,
    fitColumns: true,
    nowrap:false,
    height : $(window).height() - 200,
    striped: true,
});
> 然后设置formatter函数,格式化单元格内容,防止出现中英文不能格式的问题
formatter: function (value,row,index) {
    return '<div style="width=250px;word-break:break-all;
    word-wrap:break-word;white-space:pre-wrap;">'+value+'</div>';
}

然后就可以成功自动换行的显示内容啦

这里写图片描述

  • 1
    点赞
  • 1
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 1 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

proeny

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值