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

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