Vue基于DataV优化样式滚动表格(dv-scroll-board)

效果

代码

<template>
  <div>
    <dv-scroll-board :config="config" style="width: 800px; height: 220px" />
  </div>
</template>

<script>
export default {
  /**
   * header = [{value:label}]
   * data = [{对象}]
   */
  props: ['data', 'header'],
  data() {
    return {
      config: {
        header: [],
        data: [],
        index: true,
        columnWidth: [200, 600, 700, 500],
        align: ['center'],
        rowNum: 10,
        headerHeight: 40,
        headerBGC: '#fff',
        oddRowBGC: '#FFF',
        evenRowBGC: '#FFF'
      }
    }
  },
  created() {
    var header &#