<template>
  <div class="user-table">
    <el-table :data="tableData" stripe size="medium" height="calc(100% - 26px)" style="width: 100%" :header-row-style="{background:'#ededed',color:'#4d4d4d'}" :header-cell-style="{background: 'transparent'}">
      <el-table-column prop="name" label="客户姓名" min-width="120" />
      <el-table-column prop="id" label="客户编号" min-width="120" />
      <el-table-column prop="age" label="年龄" min-width="100" />
      <el-table-column prop="gendar" label="性别" min-width="100" />
      <el-table-column prop="property" label="可支配资产" min-width="120" />
      <el-table-column prop="experience" label="理财经验" min-width="120" />
    </el-table>
    <div class="pagination">
      <el-pagination layout="prev, pager, next" :total="total"></el-pagination>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        { name: '某某某', id: '1111', age: 18, gendar: '男', property: '20万', experience: '3年' },
        { name: '张三', id: '2222', age: 22, gendar: '女', property: '5-10万', experience: '5-10年' },
        { name: '李四', id: '3333', age: 19, gendar: '男', property: '30万', experience: '3年以内' }
      ],
      total: 1000
    }
  }
}
</script>
<style scoped>
.user-table{
  padding:28px 20px 20px;
  box-sizing:border-box;
  height:484px;
}
.pagination{
  padding-top:7px;
  text-align:right;
}
</style>