boostrap-table td内容过多,显示..
给td加样式
table td {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
在columns
中添加属性方法即可,截取部分代码
columns: [{
title: '标题',
field: 'formTitle',
align: 'center',
valign: 'middle',
sortable: false,
formatter :paramsMatter
}]
// 定义方法
function paramsMatter(value, row, index, field) {
var span = document.createElement('span');
span.setAttribute('title', value);
span.innerHTML = value;
return span.outerHTML;
}
image.png
网友评论