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>'  
                    }}