bootstrap table 对于现实字数,鼠标放上显示全部的方法

bootstrap table 对于现实字数,鼠标放上显示全部的方法_第1张图片

table标签加的事件
 cellStyle:formatTableUnit,
 formatter :paramsMatter,


 //表格超出宽度鼠标悬停显示td内容
 function paramsMatter(value, row, index, field) {
     
	 var span = document.createElement('span');
	 span.setAttribute('title', value);
	 span.innerHTML = value;
	 return span.outerHTML;
 }

 //td宽度以及内容超过宽度隐藏
 function formatTableUnit(value, row, index) {
     
	 return {
     
		 css: {
     
			 "white-space": 'nowrap',
			 "text-overflow": 'ellipsis',
			 "overflow": 'hidden',
			 "max-width": '150px'
		 }
	 }
 }

你可能感兴趣的:(网页编程和设计,javascript)