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