📂Vue
🔖Vue
2019-11-04 14:16阅读: 1008评论: 0推荐: 1

iview表格文字超出后使用省略号

yIbanez在前端开发中用常用的框架有:Vue-React-Angular等三大框架

Vue开发中常用的UI逻辑框架是:ElementUI和Iview框架多一些,但是这些框架的大部分css样式,js逻辑部分已经被官方被封装好,直接修改样式很麻烦,最近也遇到了个问题,就是iview的表格中的字符串后面自动产生的多余的三个点怎么去掉的问题?

字符长度超过了默认状态是会自动出现省略号,怎么去掉:

直接上代码吧 ,针对描述这一列,如果字数超出单元格,则显示省略号…

复制代码
 1 {title: '描述', key: 'describe',
 2   render:(h, params) => {
 3     return h('div', [
 4       h('span', {
 5         style: {display: 'inline-block', 
 6                 width: '100%',
 7                 overflow: 'hidden',
 8                 textOverflow: 'ellipsis', 
 9                 whiteSpace: 'nowrap'},
10         domProps: {title: params.row.describe},
11         on:{click:(e) => { e.stopPropagation();}}
12       }, params.row.describe)
13     ]);
14   } },
View Code
复制代码

 把overflow:hidden去掉或者改成none就可以

本文作者:Mahmud(مەھمۇد)

本文链接:https://www.cnblogs.com/mahmud/p/11791797.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   Mahmud(مەھمۇد)  阅读(1008)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available