转自:
1.tooltip文字提示
http://v1.iviewui.com/components/tooltip
2.table中列值隐藏 ellipsis 开启后,文本将不换行,超出部分显示为省略号
http://v1.iviewui.com/components/table
解决代码段:
{
title: '云盾',
key: 'enforce',
render: (h, params) => {
return h('div', [
h('span', {
style: {
display: 'inline-block',
width: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
},
domProps: {
title:params.row._source.enforce
}
}, params.row._source.enforce)
]);
// return h('div', params.row._source.enforce);
}
},
本文介绍如何在iView UI框架的表格组件中使用ellipsis属性来显示省略号,并通过tooltip实现文字提示功能。具体实现了当单元格内容过长时,自动显示为省略号,并提供悬浮提示查看完整内容。
555

被折叠的 条评论
为什么被折叠?



