easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容

在页面开发中,我们有时会遇到datagrid的某列内容过多无法全部显示,我们可以用省略号代替未显示的内容,并设置title在鼠标悬停在该单元格时悬浮显示全部内容,代码实现如下:

1:jsp设置style,实现未显示部分用省略号代替:

<style type="text/css">             .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber             {                 text-overflow: ellipsis;             }    </style> 

2:列设置title实现span悬浮显示:

 {field:'message',title:'短信内容',width:200,                     formatter: function(value,row,index){                       return '<span  title='+value+'>'+value+'</span>'                       }}