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

2019独角兽企业重金招聘Python工程师标准>>>

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

方案一：css方案，超出部分省略号

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

方案二：js方案，鼠标悬停显示全部内容

formatter:function(value,row,index){
   return '<span title='+ value +'></span>'
}

 

转载于:https://my.oschina.net/jingyao/blog/778267