<template>
<el-table :data="tableData" row-key="id" default-expand-all>
  <el-table-column prop="date" label="Date"></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="address" label="Address"></el-table-column>
</el-table>
</template>

<script>
export default {
  name: "Table_Demo15",
  data() {
    return {
      tableData: [
        {
          id: 1,
          date: '2016-05-02',
          name: 'wangxiaohu',
          address: 'No. 189, Grove St, Los Angeles',
        },
        {
          id: 2,
          date: '2016-05-04',
          name: 'wangxiaohu',
          address: 'No. 189, Grove St, Los Angeles',
        },
        {
          id: 3,
          date: '2016-05-01',
          name: 'wangxiaohu',
          address: 'No. 189, Grove St, Los Angeles',
          children: [
            {
              id: 31,
              date: '2016-05-01',
              name: 'wangxiaohu',
              address: 'No. 189, Grove St, Los Angeles',
            },
            {
              id: 32,
              date: '2016-05-01',
              name: 'wangxiaohu',
              address: 'No. 189, Grove St, Los Angeles',
            },
          ],
        },
        {
          id: 4,
          date: '2016-05-03',
          name: 'wangxiaohu',
          address: 'No. 189, Grove St, Los Angeles',
        },
      ]
    }
  }

}
</script>

<style scoped>

</style>
