bootstrapTable 显示内容过长，鼠标悬停展示全部

最新推荐文章于 2024-01-12 19:10:56 发布

张家强全栈

最新推荐文章于 2024-01-12 19:10:56 发布

阅读量733

点赞数 8

文章标签： js

本文链接：https://blog.csdn.net/zhangjiaqianghh/article/details/134645481

版权

  {
               field :'logisticsreturnapplymassage',
               valign : 'middle',
               title : '物流返回消息（申请）',
               align: 'center',
               /** 设置内容过长样式变形问题*/
               cellStyle:function(val, rowData, index) {
                              return {
                                   css: {
                                   "white-space": 'nowrap',
                                   "text-overflow": 'ellipsis',
                                   "overflow": 'hidden',
                                   "max-width":"150px"
                                   }
                                   }
                           },
               /* formatter : function(val, rowData, index) {
                   return val ? val : "";
               } */
               /** 设置鼠标悬停展示全部内容*/
               formatter: function(val, rowData, index) {
                           if(val =='' || val == null){
                           return;
                           }
                           var span=document.createElement('span');
                           span.setAttribute('title',val);
                           span.innerHTML = val;
                           return span.outerHTML;
                           }
                   },