easyui datagrid 单元格内文本超出长度显示省略号

easyui datagrid 单元格实现溢出文本显示省略号效果:javascript

方案一:css方案,超出部分省略号css

/*CSS*/
.datagrid-btable .datagrid-cell{
   padding:6px 4px;/*若是影响到其余单元格显示效果,则注释该行*/
   overlow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}

方案二:js方案,鼠标悬停显示所有内容html

formatter:function(value,row,index){
   return '<span title='+ value +'></span>'
}
相关文章
相关标签/搜索