码上敲享录 > bootstrap简单例子分享 > bootstrapTable如何设置内容过长时隐藏部分内容,鼠标悬浮换行显示完整内容

bootstrapTable如何设置内容过长时隐藏部分内容,鼠标悬浮换行显示完整内容

上一章章节目录下一章 2020-04-01已有2065人阅读 评论(0)

bootstrapTable如何设置内容过长时隐藏部分内容,鼠标悬浮换行显示完整内容


解决方法:

我这里value是数组,悬浮时完整内容换行显示

{

                 field: 'content',

                 title: '申请内容',

                 formatter: function (value, row, index) {

                     var str = "";

                     var span = document.createElement('span');

                         for (var i in value) {

                             str += value[i]+ '\n'

                         }

                         span.setAttribute('title', str);

                         span.innerHTML = str;

                         return span.outerHTML;

                 },

                 cellStyle : function(value, row, index, field) {

                   return {

                       css: {

                           'max-width':'200px',

                           'text-overflow': 'ellipsis',

                           'overflow': 'hidden',

                           'white-space': 'nowrap',

                       }

                   }

               }

             },


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
1

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交