目的:引用ng2-smart-table插件,希望可以自定义td的展示形式,如文字溢出用小点展示,鼠标悬浮显示等。
解决方法:设置列属性的type,这个值可取 text | html | custom,本文使用html可解决问题,并设置valuePrepareFunction返回形式,具体代码如下。
settings = {
class: 'table-max-height',
hideHeader: true,
noDataMessage: '暂无权限',
mode: 'external',
columns: {
zjName: {
title: '机构名',
filter: false,
type: 'html',
valuePrepareFunction: data => `<div title="` + data + `" class="cell_limit">` + data + `</div>`,
}
},
actions: {
columnTitle: '',
position: 'right',
add: false,
edit: false
},
pager: {
display: false
},
delete: {
confirmDelete: true,
deleteButtonContent: '<span class="close">×</span>'
},
};