datatables 多余内容点号代替,当鼠标移动上去显示全部内容

简介: 动态创建表格的时候,按如下内容。

动态创建表格的时候,按如下内容


{data:"shopInfo",
               render: function(data, type, row, meta) { ;
                  var html;
                html='<div style="text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px;" title='+data+'>'+data+'</div>';                                               
                        return html;      
                  }
               },


语法:


text-overflow:clip | ellipsis


默认值:clip


适用于:所有元素


clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。


ellipsis: 当对象内文本溢出时显示省略标记(...)


overflow:hidden 隐藏溢出内容


white-space:nowrap 文本不进行换行


相关文章
|
3月前
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
39 2
|
5月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
71 0
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
105 0
|
6月前
Word标题跟随正文样式缩进的解决办法
Word标题跟随正文样式缩进的解决办法
150 2
|
6月前
|
JavaScript
(简单成功)原生js实现点击复制文本
(简单成功)原生js实现点击复制文本
68 0
|
JavaScript
原生Js显示富文本效果demo(整理)
原生Js显示富文本效果demo(整理)
|
JavaScript
js限制文字字数--点击展开点击收起demo效果示例(整理)
js限制文字字数--点击展开点击收起demo效果示例(整理)
|
JavaScript
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
|
JavaScript 前端开发 双11
清除前端标签中(输入框)的内容
清除前端标签中(输入框)的内容
143 0