162  
查询码:00000821
iview table组件内容过多用“...”代替,鼠标悬停显示全部内容
作者: 陈婉 于 2020年07月06日 发布在分类 / 人防组 / 人防前端 下,并于 2020年07月06日 编辑
iview tables组件 render时添加title属性

解决方案:

render时添加title属性

效果展示:

粘贴图片

代码展示:

{
          title: '地域',
          key: 'area',
          width: 100,
          align: 'center',
          render: (h, params) => {
              return h('div', [
                  h('span', {
                      style: {
                          display: 'inline-block',
                          width: '100%',
                          overflow: 'hidden',
                          textOverflow: 'ellipsis',
                          whiteSpace: 'nowrap'
                      },
                      domProps: {
                          title: params.row.area
                      }
                  }, params.row.area)
              ])
          }
      }



 推荐知识

 历史版本

修改日期 修改人 备注
2020-07-06 15:50:37[当前版本] 陈婉 创建版本

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp