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+可以正常显示
以上只是个人粗浅理解,有错漏之处,敬请指出!
世界 -- 因技术而精彩