datatable 弹出框

zhoucc910311 2015-05-26 08:57:06
我用datatable创建表格,当表格内容长度大于20时,使用省略号, 现在我希望如果将鼠标移到有省略号的单元格上面,其下面自动弹出一个框,显示单元格中的全部内容

{
"mDataProp" : "analysis",
"sTitle" : "初步分析结论",
"sDefaultContent" : "",
"sClass" : "center",
"sWidth": 300,
"mRender" : function(data){
if(data.length < 20){ return data;
}else{ var s =data.substring(0,20)+"...";
return s;
}
}
},
...全文
265 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Braska 2015-05-26
  • 打赏
  • 举报
回复
2楼的应该可以吧 把内容放在div的title里面
zhoucc910311 2015-05-26
  • 打赏
  • 举报
回复
就在单元格下面弹出一个框并显示完整内容该怎么办啊
zhoucc910311 2015-05-26
  • 打赏
  • 举报
回复
(\''+data.replace(/"/g,'"')+data.replace(/'/g,''') 括号里面的正则表达式代表什么意思啊 我菜鸟
Go 旅城通票 2015-05-26
  • 打赏
  • 举报
回复
设置title就好了吧。。

{
"mDataProp" : "analysis",
"sTitle" : "初步分析结论",
"sDefaultContent" : "",
"sClass" : "center",
"sWidth": 300,
"mRender" : function(data){
if(data.length < 20){ return data;
}else{ var s ='<div title="'+data.replace(/"/g,'"')+'">'+data.substring(0,20)+"...</div>";
return s;
}
}
}


否则自己写个js函数,将详细信息传入

var s ='<div onmouseover="showDetail(\''+data.replace(/"/g,'"')+data.replace(/'/g,''')+'"\')>'+data.substring(0,20)+"...</div>";

function showDetail(v){
alert(v);//
}
zhoucc910311 2015-05-26
  • 打赏
  • 举报
回复
自己刷新下,,求帮忙啊

87,885

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧