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>'
}
相關文章
相關標籤/搜索