<template>
  <el-table :data="data" :style="chartStyle" :height="chartStyle.height" highlight-current-row border stripe :header-cell-style="{padding: '5px 0'}" :cell-style="{padding: '5px 0'}">
    <!-- <el-table-column v-for="item in schema" :key="item.Column" :prop="item.Column" :label="item.name" align="center" /> -->
    <el-table-column v-for="item in schema" :key="item.Column" :prop="item.Column" :label="item.Comment" align="center" />
  </el-table>
</template>
<script>
export default {
  props: {
    data: {
      type: Array,
      default: () => []
    },
    schema: {
      type: Array,
      default: () => []
    },
    chartStyle: {
      require: false,
      type: Object,
      default: () => {
        return {
          height: '500px'
        }
      }
    }
  }
}
</script>

