iview--table自定義列頭

iview---table自定義列頭

官方API提到renderHeader函數 自定義列頭顯示內容，使用 Vue 的 Render 函數。傳入兩個參數，第一個是 h，第二個爲對象，包含 column 和 index，分別爲當前列數據和當前列索引。

{ "title": "累計銷售", "align": "center",
  renderHeader: (h, param) => {
    return h('div', {
        domProps: {
            innerHTML: param.column.title
        },
        style:{
            cursor:'pointer'
        },
        on: {
            click: () => { //自定義列頭的點擊事件
                this.allChangeAgainst(param);
            }
        }
    });
  },
  "children": [ { "title": "合計", "key": "age", "align":"center","width":"50","tooltip":"true" } ]
},