鍍金池/ 問答/HTML5  HTML/ vue 開發(fā),使用iview時表格表頭錯位

vue 開發(fā),使用iview時表格表頭錯位

vue 開發(fā),使用iview時表格表頭錯位
clipboard.png
在另一臺電腦是好的,找了很久沒找到解決辦法,希望大神解答!
代碼如下:

jobColumns: [

      {title: '項目名稱', key: 'taskNamev', widthPer: 17},
      {title: '客戶名稱', key: 'customerNamev', widthPer: 17},
      {title: '工單類型', key: 'taskTypev', widthPer: 8},
      {title: '工單狀態(tài)', key: 'taskStatev', widthPer: 8},
      {title: '計劃執(zhí)行時間', key: 'planStartEndTimev', widthPer: 24},
      {title: '負(fù)責(zé)人', 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],


回答
編輯回答
久舊酒

應(yīng)該是表頭少寫了一組數(shù)據(jù)

2018年3月16日 17:01
編輯回答
巷尾

您可以用成熟且封裝好的前端表格控件實現(xiàn)一下,推薦SpreadJS,最新版本已經(jīng)全面支持Vue了,這里是篇技術(shù)博客,希望可以幫助你。

clipboard.png

2018年5月2日 08:46
編輯回答
雨萌萌

我也用的iview,我copy了你的代碼,沒有問題,可以顯示的

2018年3月11日 00:14