Vue development, table header dislocation when using iview

vue development, using iview table header dislocation
clipboard.png
in another computer is good, looking for a long time did not find a solution, hope God to answer! The
code is as follows:

jobColumns: [

]
      {title: "", key: "taskNamev", widthPer: 17},
      {title: "", key: "customerNamev", widthPer: 17},
      {title: "", key: "taskTypev", widthPer: 8},
      {title: "", key: "taskStatev", widthPer: 8},
      {title: "", key: "planStartEndTimev", widthPer: 24},
      {title: "", key: "taskActualManagerNameV", widthPer: 10},
      {
        title: "", key: "action",
        render: (h, params) => {
          return h("div", [h("Button", {
            props: {type: "primary", size: "small"},
            style: {marginLeft: "10px", border: "solid 1px -sharp3864ae", background: "rgba(35,72,129,0.5)"},
            on: {
              click: (e) => {
                this.toDetail(params.row);
              }
            }
          }, "")
          ]);
        }
      }
    ], tableH0: 0, tableH1: 0, tableH_: [260, 260], tableW_: [50, 50],


May.30,2021

should be a set of data missing in the header


I also use iview, I copy your code, no problem, can display


you can implement it with a mature and packaged front-end table control. It is recommended that SpreadJS . The latest version already fully supports Vue. Here is a technical blog , which I hope can help you.

clipboard.png

Menu