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 文本不进行换行


相关文章
|
9月前
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true“ 实现的输入框也支持)
70 0
|
3天前
|
JavaScript
(简单成功)原生js实现点击复制文本
(简单成功)原生js实现点击复制文本
39 0
|
JavaScript UED
利用js复制文本框里面的内容到剪切板,并且隐藏文本框
利用js复制文本框里面的内容到剪切板,并且隐藏文本框
257 0
|
JavaScript
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
565 0
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
271 1