bootstrap table中td内容过长时隐藏，鼠标悬停时提示框展示

bootstrap table中td内容过长时隐藏，鼠标悬停时提示框展示，代码如下：

 columns: [{
   			field: 'person.name',
   			title: '姓名',
   			switchable: true,
   			//表格超出宽度鼠标悬停显示td内容
   			formatter: function(value,row,index,field){
   				var span = document.createElement('span');
   				span.setAttribute('title',value);
   				span.innerHTML = value;
   				return span.outerHTML;
   			},
   			//td宽度及内容超过宽度隐藏
   			cellStyle : function(value, row, index, field){
   				return {
   				css: {"min-width": '150px',
   				"white-space": 'nowrap',
   				"text-overflow": 'ellipsis',
   				"overflow": 'hidden',
   				"max-width":'300px'
   				}
   			  }
   			}
   		}]