<template>
  <div class="wrap">
    <el-table :data="tableData"
              stripe
              border
              style="width: 100%"
              class="custom-table">
      <el-table-column
          v-for="(column,i) in tableData"
          :key="i"
          :prop="column.prop"
          :label="column.label"
          :fixed="i===0"
          :width="i===0 ? '40' :'80'"
          align="center"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "commonTable",
  props: ['tableData'],
  data() {
    return {}
  },
  mounted() {
  },
  methods: {}
}
</script>

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