<template>
  <div class="wrap">
    <el-table :data="tableData"
              stripe
              border
              style="width: 100%"
              height="100%"
              v-loading="loading"
              class="custom-table">
      <el-table-column v-for="item in labelList" :key="item.prop" :label="item.label" :prop="item.prop" align="center">
        <template slot-scope="scope">{{scope.row[item.prop]}}  </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    name: "fit-table",
    props: ['tableData', 'labelList', 'loading', 'isMobile','active'],
    data() {
      return {}
    },
    mounted() {
    },
    methods: {
    }
  }
</script>

<style scoped lang="scss">
  @import "@/styles/mixin.scss";
  ::v-deep .el-table{
    font-size: 11px;
  }
  ::v-deep .el-table thead{
    color: #1D2129;
    font-weight: bold;
  }
  ::v-deep .el-table th.el-table__cell.is-leaf {
    background-color: #E5E6EB;
  }
  ::v-deep .el-table .el-table__cell{
    padding: 4px 0 !important;
  }
</style>
