<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="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
                       align="center"  min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "noFit-table",
  props: ['tableData','labelList','loading','isMobile'],
  data() {
    return {}
  },
  mounted() {
    // console.log("tableData",this.tableData)
  },
  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>