美文网首页
Bootstrap table文本太长溢出隐藏,鼠标停显示文本内

Bootstrap table文本太长溢出隐藏,鼠标停显示文本内

作者: krystal_H | 来源:发表于2019-11-28 13:39 被阅读0次

    boostrap-table td内容过多,显示..
    给td加样式

    table td {
       overflow: hidden;
       text-overflow:ellipsis;
       white-space: nowrap;
    }
    

    columns中添加属性方法即可,截取部分代码

    columns: [{
        title: '标题', 
        field: 'formTitle', 
        align: 'center', 
        valign: 'middle', 
        sortable: false, 
        formatter :paramsMatter
    }]
    // 定义方法
    function paramsMatter(value, row, index, field) {
      var span = document.createElement('span');
      span.setAttribute('title', value);
      span.innerHTML = value;
      return span.outerHTML;
    }
    
    image.png

    相关文章

      网友评论

          本文标题:Bootstrap table文本太长溢出隐藏,鼠标停显示文本内

          本文链接:https://www.haomeiwen.com/subject/dxivwctx.html