print.js 插件的运用遇到的问题

Question

<i-btn type="print" @click="handlePrint" >打印</i-btn>
<div id='printJS-form'  ref="print" >
  <Table :columns="columns1" :data="typeListData" border></Table>
</div>


data(){
  return {
    typeListData:[
        {
          name: 'John Brown',
          age: 18,
          address: 'New York No. 1 Lake Park',
          date: '2016-10-03'
        },
        {
          name: 'Jim Green',
          age: 24,
          address: 'London No. 1 Lake Park',
          date: '2016-10-01'
        },
        {
          name: 'Joe Black',
          age: 30,
          address: 'Sydney No. 1 Lake Park',
          date: '2016-10-02'
        },
        {
          name: 'Jon Snow',
          age: 26,
          address: 'Ottawa No. 2 Lake Park',
          date: '2016-10-04'
        }
       ],
      columns1: [
        {
          title: 'Name',
          key: 'name'
        },
        {
          title: 'Age',
          key: 'age'
        },
        {
          title: 'Address',
          key: 'address'
        }
      ]
   }
}
// 触发的方法
handlePrint(){
  printJS({
    printable: 'printJS-form',
    type: 'html',
    targetStyles: ['*']
  })
},

点击打印后 ，弹窗里的表格内容显示不全，缺少了列数， 请大佬们帮忙看看， 要怎么设置？ 非常感谢！！

Answer 1

等待大神解答