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  平凡世界平凡人  阅读(315)  评论(0)  编辑  收藏  举报