[JavaScript知识库]bootstrapTable 内容过长处理

function load() {
    $('#div1').bootstrapTable({
          method: 'get',
          url: prefix + "/list",         
          columns: [
              {
                  checkbox: true
              },
              {
                  field: 'id', // 列字段名
                  title: '序号', // 列标题
                  width: 80,
              },
             //....
              {
                  field: 'params',
                  title: '参数',
                  width: 350,
                  formatter: paramsMatter,
              },
              {
                  field: 'ip',
                  title: 'IP地址',
                  width: 100,
              },
             //....
              }]
      });
}


/*
 * 判断备注内容是否长度过长
 * 如过长则进行处理，后面加上省略号，鼠标移入后展示完整数据
 * 如长度合适则不进行处理
 * **/
paramsMatter=function (value, row, index) {
    //判断备注内容是否为空，为空则设置为空字符
    if (value == null || value == '') {
    	value = "";
    }
    //自定义单元格内容
    var span = document.createElement('span');
    //写入面板标题
    span.setAttribute('title', value);
    span.setAttribute('style', "word-wrap: break-word;word-break: break-all;");
    
    span.innerHTML =value;
    if(value.length>80){
        span.innerHTML = value.substr(0,79)+"...";
    }
   
    //将面板返回至单元格展示
    return span.outerHTML;
}