表格中css怎么控制文本过长显示省略号...

原创
小哥 3年前 (2022-11-01) 阅读数 15 #Vue
文章标签 CSS

// Angular (ng-alain)

columns: STColumn[] = [
  { title: 备注说明, index: remark, render: remark },
}


  
{{item?.remark}}
.text-overflow{ width:130px; /* 显示的宽度大于宽度。... */ text-overflow: ellipsis; /* 显示... */ overflow: hidden; /* 隐藏文字 */ white-space: nowrap; /* 不换行 */ cursor: pointer; /* hover显示手形 */ }

// Vue (iview)

dataCol:[
  {
    title: 预警类型,
    key: warning_setting_type,
    align: center,
    render: (h, params) => {
      var text=params.row.warning_setting_type;
      return  h(div,{
        style:{
          overflow:hidden,
          whiteSpace: nowrap,
          textOverflow:ellipsis
        },
        attrs: { 
          title:text
        }
      },text)
    }
  }
]
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除