问题描述:使用easyui的datagrid,产生的表格数据,经常有时候,某个单元格的数据比较多, 就会出现显示不全的问题,所以为了完整的显示数据,就可以当鼠标移到某个单元格的时候,这个单元格就会弹出一个小提示框,里面就可以看到全部内容,效果如下图所示:
解决办法:1.在初始化datagrid的时候,使用onloadsuccess函数,进行渲染,如下图代码:
onLoadSuccess:function(data){
$(".tip").tooltip({
onShow: function(){
$(this).tooltip('tip').css({
width:'300',
boxShadow: '1px 1px 3px #292929'
});
}
});
}
2.在要显示提示框的列,对该列要显示的数据进行格式化,如下代码所示:
{
title : '内容',
field: 'content',
width : '520',
formatter:function(value,row){
var content = '<li title="' + value + '" class="tip">' + value + '</li>';
return content;
}
}
title : '内容',
field: 'content',
width : '520',
formatter:function(value,row){
var content = '<li title="' + value + '" class="tip">' + value + '</li>';
return content;
}
}