iview实现自定义表头十分麻烦,最后终于解决
{
title: `来访人数`,
key: 'number',
tooltip: true,
align: 'center',
render: (h, params) = >{
if (params.row.number == null || params.row.number == undefined || params.row.number == '') {
return h('div', '--')
} else {
return h('div', params.row.number)
}
},
renderHeader: (h, params) = >{
return h('div', [h('strong', '第一列'), h('span', {
style: {
marginLeft: '10px',
color: '#fff',
width: '40px',
height: '20px',
background: '#28cd9f',
display: 'inline-block',
textAlign: 'center',
lineHeight: '20px',
borderRadius: '20px'
}
},
this.allNum)])
}
}