vueMarqueenTableZd

a simple jsondata to a mqrqueen y direction table by zd

author: 周的somemonster

安装

npm i vue-marqueen-table-zd

在main.js中引入

import 'vue-marqueen-table-zd/style/vue-marqueen-table-zd.css';
import VueMarqueenTableZd from 'vue-marqueen-table-zd';
Vue.use(VueMarqueenTableZd);

使用

 <vue-marqueen-table-zd :head-list="someHead" :table-data="tableData" :do-some-back="doSomeBack" @msgLinkPipe="msgLinkPipe" />

headListData like this：

someHead=[
	  {
        label: '苹果',
        width: '100px',
        keyValue: 'apple'
      },
      {
        label: '橘子',
        width: 'calc(50% - 50px)',
        keyValue: 'ornage'
      },
      {
        label: '桃子',
        width: 'calc(50% - 50px)',
        keyValue: 'peach'
      }
]

tableData like this：

tableData=[
 {
	  apple: 200,
      ornage: 220,
      peach: 500
 },{
	  apple: 200,
      ornage: 220,
      peach: 500
 },{
	  apple: 200,
      ornage: 220,
      peach: 500
 },{
	  apple: 200,
      ornage: 220,
      peach: 500
 }
 ...
]

do you need some value back when you click some row：

doSomeBack={
	needSomeValBack: true,
    whichKey: 'apple',
    backFnName: 'msgLinkPipe' 
}