easyui中datagrid单元格实现字数超限显示省略号的效果总结
2017-01-10 15:10
260 查看
看网上写的比较简单,我刚好也做到了现在来做一个总结先要把你导入的css样式修改了
<link href="js/easyui1.4.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
找到你引入的easyUI的地址然后点开easyUI,CSS文件在文件最后面加入这一句话
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
text-overflow: ellipsis;
}
记住了 nowrap一定要修改成true,因为这个参数如果是false的话默认是超限的字数是换行的,
然后在你想换行的字段后面加上,下面这段方法就可以实现 鼠标放在上面显示隐藏的字数了
{ field: 'title', title: '文章标题', width: 200,formatter: function(value,row,index){
return '<span title='+value+'>'+value+'</span>';
}},
好了,总结完毕。开始工作,革命尚未成功,通知仍需努力
<link href="js/easyui1.4.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
找到你引入的easyUI的地址然后点开easyUI,CSS文件在文件最后面加入这一句话
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
text-overflow: ellipsis;
}
然后此处是重点 有些朋友说加入这句话不成功,是不是下面nowrap没有修改的原因
title: '', loadMsg: '数据加载中,请稍候...', nowrap: true,
记住了 nowrap一定要修改成true,因为这个参数如果是false的话默认是超限的字数是换行的,
然后在你想换行的字段后面加上,下面这段方法就可以实现 鼠标放在上面显示隐藏的字数了
{ field: 'title', title: '文章标题', width: 200,formatter: function(value,row,index){
return '<span title='+value+'>'+value+'</span>';
}},
好了,总结完毕。开始工作,革命尚未成功,通知仍需努力
相关文章推荐
- easyui datagrid单元格实现溢出文本显示省略号的效果。
- easyui datagrid单元格实现溢出文本显示省略号的效果。
- easyui datagrid 单元格内文本超出长度显示省略号
- dataGrid 的单元格文本溢出显示省略号的效果
- Easyui Datagrid 如何实现后台交互显示用户数据列表
- 如何实现选择DataGrid单元格时显示选择一行
- 扩展easyui.datagrid,实现加载数据遮罩效果代码
- jquery实现微博文字输入框 输入时显示输入字数 效果实现
- easyUI数据统计列表中根据单元格数值控制显示效果
- SSh结合Easyui实现Datagrid的分页显示
- easyui实现可新增不可编辑的datagrid及动态配置列隐藏/显示
- css样式怎样实现文本显示省略号的效果?
- asp.net datagrid实现显示字数限制
- easyUI datagrid最后操作列的实现总结
- 实现easyui datagrid在没有数据时显示相关提示内容
- TextView属性android:ellipsize实现跑马灯效果,TextView内容过长加省略号,点击显示全部内容
- schemaeasyui实例:SSh结合Easyui实现Datagrid的分页显示
- 实例:SSh结合Easyui实现Datagrid的分页显示
- css3实现渐变、阴影、超出指定文本省略号显示等一些效果
- 如何实现CSS限制字数,超出部份显示省略号