vue 开发，使用iview时表格表头错位

Question

vue 开发，使用iview时表格表头错位

在另一台电脑是好的，找了很久没找到解决办法，希望大神解答！
代码如下：

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 #3864ae', background: 'rgba(35,72,129,0.5)'},
            on: {
              click: (e) => {
                this.toDetail(params.row);
              }
            }
          }, '查看详情')
          ]);
        }
      }
    ], tableH0: 0, tableH1: 0, tableH_: [260, 260], tableW_: [50, 50],

Answer 1

应该是表头少写了一组数据

Answer 2

我也用的iview，我copy了你的代码，没有问题，可以显示的

Answer 3

您可以用成熟且封装好的前端表格控件实现一下，推荐SpreadJS，最新版本已经全面支持Vue了，这里是篇技术博客，希望可以帮助你。