在页面开发中,我们有时会遇到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>'
}}