iview添加自定义表头

iview实现自定义表头十分麻烦,最后终于解决
iview添加自定义表头_第1张图片

{
    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)])
    }
}

你可能感兴趣的:(前端开发)