How does elementui, implement a custom multi-column operable all-select header?

how does elementui, implement a custom multi-column operable all-select header?
I now use createElement to force a column up, but the selected, unselected and partially selected styles here are disgusting enough. The requirement just given is that all four-column operations are required. I feel that my logic is even more disgusting when I write this.
renderHeader (createElement, {column}) {

  // createElement("input", { attrs: { type: "checkbox" }}, [])
  // if (!this.checkbox1) {
    return createElement("div", {}, [
      createElement(
        "span",
        {
          attrs: {
            class:"input__inner",
            id: this.is_checked
          },
          on: {
            click: this.handleClick
          }
        },
       [ createElement(
          "input",
        {
          attrs: {
            type: "checkbox",
            checked: this.checkbox1,
            disabled: this.disabled,
            id: "check1"
          }
        },
        []
        )]
      ),
      [""]
    ])

does not clearly describe your requirements. In addition, the above code can be written with ide/render-function.html-sharpJSX" rel=" nofollow noreferrer "> jsx , at least more concise and better business.

Menu