jqueryeasyui datagrid column数据过长无法完全展示问题

在项目开发的时候发现有些column的数据过长，导致不能够完全展示，改变column大小整体样式会受到影响，这时我们可以通过jqueryeasyui中的formatter来改变column的展示。修改后当鼠标移到column后数据会以悬浮框的形式展示出来

代码：

js部分

function format(val,row){if (val){return '<span title="' + val + '">' + val + '</span>';} else {return val;}}

html部分

<th field="reason" width="130px" formatter="format" align="center"></th>

这样就可以完成基本的悬浮框展示.