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

来源：互联网发布：网络端游排行榜2015 编辑：程序博客网时间：2024/05/03 21:30

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

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

阅读全文

0 0