iView表格显示图片和文字过长显示省略号，并且Tooltip提示

效果图

代码

 {title: 'LOGO',key: 'logo',align: "center",render:(h,params)=>{return h('div',{style:{width:'50px',height:'50px',overflow:'hidden',}},[h('img',{attrs:{src:params.row.logo}},)])}},{title: '接口名称',key: 'name',align: "center",},{title: '概要',key: 'simpleDesc',align: "center",render:(h,params)=>{return h('Tooltip', {props: {content: params.row.simpleDesc,//tooltip提示框内容transfer: true,//防止最后一行被挡住maxWidth: 200,//最大宽度（tooltip的宽度）}},[h('span', {style: {display: 'inline-block',width: '200px',//设置table表格显示内容的宽度，（不设置会全部显示，没有省略号）overflow: 'hidden',textOverflow: 'ellipsis',//设置省略号whiteSpace: 'nowrap'//设置不换行（如果不设置默认换行，那么不会显示省略号）},domProps: {title: params.row.simpleDesc},//如果不要tooltip提示，可以加这个提示}, params.row.simpleDesc)])}},

iView表格显示图片和文字过长显示省略号，并且Tooltip提示相关推荐

php 中文过长省略号,css实现文字过长显示省略号
本篇文章介绍了css实现文字过长显示省略号的方法,具有一定的参考价值,希望对学习css的朋友有帮助! 一.CSS样式解决文字过长显示省略号问题 1.一般样式一般 css 样式,当宽度不够时,可能会 ...
echarts实现给图例添加单位、百分比，以及图例文字过长显示省略号
修改lengend formatter: (name) => {if (this.seriesData.length) {let sum = 0;this.seriesData.forEach( ...
css 文字过长省略号,css实现文字过长显示省略号的方法
因为网页排版的需要,有些地方需要过长的问题加上省略号.比如:标题限制20个中文的宽度,超出的就用省略号代替.之前会使用程序截取的方法,不过使用css来截取更有利于SEO. 下面就介绍一下具体的使用方法 ...
css实现文字过长显示省略号的方法
转自:http://www.3lian.com/edu/2014/07-11/155082.html 因为网页排版的需要,有些地方需要过长的问题加上省略号.比如:标题限制20个中文的宽度,超出的就用省 ...
css 单行space-between左右布局，左边元素文字过长显示省略号
效果: 代码: <view style="display: flex;justify-content:space-between;"><text style=&q ...
echarts横坐标文字太长显示不完的两种解决办法：rotate旋转文字、调用函数让文字纵向排列
//方法1:横坐标文字太长显示不完,调用函数解决,在axisLabel下添加属性,让文字纵向排列: formatter:function(val){return val.split("&qu ...
Unity UGUI 之实现 Text 文本文字过长，省略号显示（TextMeshPro 和常规 Text 二种方法）
Unity UGUI 之实现 Text 文本文字过长,省略号显示(TextMeshPro 和常规 Text 二种方法) 目录 Unity UGUI 之实现 Text 文本文字过长,省略号显示(Te ...
文字过长显示tooltip
前几天遇到一个问题:文字过长显示tooltip,反之不展示方法一: 文字超过12个字符剩余部分用省略号代替,展示tooltip <el-tooltip class="item ...
li 字多出了省略号_文字溢出自动显示省略号css方法 -
文字样式(Text Style)是一组可随图形保存的文字设置的集合,这些设置可包括字体设置以及特殊效果等.文字样式在不同的软件环境下显示的方式也会不一样.下面就来分享一下html中如何让文字竖排?总结 ...

iView表格显示图片和文字过长显示省略号，并且Tooltip提示

效果图

代码

iView表格显示图片和文字过长显示省略号，并且Tooltip提示相关推荐

最新文章

热门文章