jQuery EasyUI

datagrid单元格数据过长时的显示省略号

网络上很多的方法,均需要改动部分EasyUI的源码或样式,这种做法虽然也是可以,但个人觉得,改动框架的源代码并不是一种非常好的方式,为此改用datagrid自带的formatter方法进行了实现:

1 {field: 'test',title: '测试',width:100,align:'center',formatter: function(value, row, index) {
2      var div = '<div style="padding: 0 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">' + value + '</div>';
3      return div;
4 }}

显示效果:

经测试,IE8+可以正常显示

以上只是个人粗浅理解,有错漏之处,敬请指出!

posted @ 2016-10-18 16:36  平凡世界平凡人  阅读(317)  评论(0编辑  收藏  举报