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;——禁止文字自动换行

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

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试