jquery,easyui datagrid 单元格内容如何自动换行？

代码如下，其中，记事列内容很多，如何设置为自动换行呢？
高手们帮帮忙啊？

<table id="dg-zhengwen" class="easyui-datagrid" title=""  style="min-height:350px;min-width:860px;"
data-options="rownumbers:true,singleSelect:true,url:'../Services/BJHZhengWenListHandler.ashx',method:'post',showFooter: true">
<thead>
                 <tr>
                        <th data-options="field:'id',width:80,hidden:true">ID</th>
            <th data-options="field:'jishi',width:60,align:'center',nowarp:false">记事</th>
                    </tr>
                </thead> 
</table>

12 个解决方案

#1

返回的数据包含<br>就会自动换行，如果是\n这种，自己配置下formatter:function(v){return v.replace(/\n/g,'<br>')}进行替换

#2

大哥你写错了，是  nowrap:false
但是对于数字和字符串不好用，它分不出来怎么换行

#3

难道jquery的datagrid没有自动换行功能啊？？？？？？

#4

引用 3 楼 changyuming 的回复:

难道jquery的datagrid没有自动换行功能啊？？？？？？

看你楼上。。。

#5

引用 4 楼 恶心鬼的回复:

Quote: 引用 3 楼 changyuming 的回复:

难道jquery的datagrid没有自动换行功能啊？？？？？？

看你楼上。。。

改过来了，不过仍然不好用

#6

  这样就可以自动换行了

#7

可能是css有冲突，检查下生成的代码和CSS

#8

6楼正解，切记要将nowrap: false这个属性设置在table的属性中，不要设置在字段的属性中，字段可以设置宽度，这样就可以做到当文字长度超过规定的宽度后自动换行了。

#9

nowrap:false
这个属性虽然不支持数字，字母换行。
但是你可以在换行的td中用formatter重写一个标签
比如用div，对于这个div进css定义，就是那几条属性，定义成数字，字母可以自动超范围换行。
这样nowrap就会识别超出范围，从而所有的情况都换行。
而且可以让表格更好看一点哦

#10

.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  margin: 0;
  padding: 0 4px;
  white-space: nowrap;
  word-wrap: break-word;/* 允许长单词换行到下一行 */
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}

#11

该回复于2017-11-14 17:21:14被管理员删除

#12

该回复于2017-11-14 17:21:14被管理员删除