Question

easyUI 中的datagrid columns 手动换行

$("#pageTb")
.datagrid(
{
url : '',
width : 'auto',
height : 'auto',
nowrap :'false',
rownumbers : true,
autoRowHeight : true,
pagination : true,
fitColumns: true,
loadMsg : '正在加载，请稍后',
columns:[[
{field:'id',title:'选择',checkbox:'true',align:'center',rowspan:2},
{field:'sbdw',title:'上报单位',rowspan:2,align:'center'},
{title:'国省道',colspan:2,align:'center'},
.........
如果我这个表头的单元格字数太多了，我想手动换行，我该怎么做，比如：上报单位，我想让它显示的情况是这样的：
上报
单位
在一个文本框里面显示

Answer 1

不知道你是不是想实现单元格内的内容手动换行，就如下图所示：

如果是的话，你只需要return的内容里面加如一个<br />，并放置在你想换行的地方就可以实现了

Answer 2

Extjs中的样式都是统一生成的，如果Extjs中的配置属性达不到你要的效果，可以在页面生成后，在浏览器中按F12，调试它的样式，然后将调试好的样式更改到Extjs的ext-all.css文件中对应的样式中。

追问

不是extjs，是easyUI

Answer 3

请问解决问题了嘛？ 我现在也在处理这个问题！！！
你可以在字段后面加format 进行逻辑业务处理，可以进行单元格字段显示的修改操作。 假如你的字特别多或者长，你可以用title属性，单元格只显示一部分，鼠标移动在单元格是，title可以显示所有内容

Answer 4

在title里面加换行符就行了，如：
title:'上报<br>单位'