easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
来源:互联网 发布:免费手机组态软件 编辑:程序博客网 时间:2024/05/19 18:11
在页面开发中,我们有时会遇到datagrid的某列内容过多无法全部显示,我们可以用省略号代替未显示的内容,并设置title在鼠标悬停在该单元格时悬浮显示全部内容,代码实现如下:
1:jsp设置style,实现未显示部分用省略号代替:
<style type="text/css">
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber
{
text-overflow: ellipsis;
}
</style>
2:列设置title实现span悬浮显示:
{field:'message',title:'短信内容',width:200,
formatter: function(value,row,index){
return '<span title='+value+'>'+value+'</span>'
}}
0 0
- easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
- easyui-dataGrid单元格显示全部内容
- js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
- title 属性的使用 当table单元格内容过长时需要用...来代替 ,鼠标移入的时候显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android 中TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- TextView内容过长加省略号,点击显示全部内容
- Android TextView内容过长加省略号,点击显示全部内容
- easyui中datagrid数据网格实现列表内容过长时显示省略号
- easyui-layout,内容隐藏,title显示
- TextView内容过长显示指定行数加省略号,点击显示全部内容
- 文本内容溢出显示省略号,鼠标移上去会显示全部内容
- cxf-Springmvc-maven实现webservice
- 堆排序算法(Heap Sort) Java实现
- 关于NSDate,NSDateFormatter,NSTimeZone的一些通俗理解
- VS编译方式 \MT \MD \MTd \MDd
- 求N个正整数的最大公约数和最小公倍数
- easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
- typo in word。android studio对于错误拼写/不识别的英文单词,给予波浪提示。
- 最好的博客来博客网
- hadoop2.7.2学习笔记04-hadoop fs shell
- 安卓自定义控件
- 从程序员到项目经理(11):每个人都是管理者
- VC编译时: MT,MTd,MD,MDd的区别
- Codeforces Round #411 (Div. 2) A. Fake NP
- vim工具的使用快捷键记录(持续)