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

CSS:

css代码:

.datagrid-btable .datagrid-cell{padding:6px 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 


Column:

JS代码:

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

效果: 
 

注:超长字符省略号显示——

display: inline-block;——首先如果是内联元素,要设置display属性为块级别(block-level)

width: 8em;——设置宽度(em好像是可以自适应)

overflow: hidden;——隐藏

text-overflow:ellipsis;——超出部分变为省略号

white-space:nowrap;——禁止文字自动换行

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页