element组件表格树形数据 结构

如图用element表格组件的树形数据结构做了个列表展示，但是有几个问题
1、第二级和第三级的数据写死的能显示，但是后台获取数据这三级不在一张数据库表上，怎么让他一次性拿到全部数据，
2、row-key是什么东西。我的表里没有这一项该怎么办
3、这个组件好像改不了表头的内容，是否有其他更好的组件能代替，
贴一下写死的代码

<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%;margin-bottom: 20px;"
      row-key="id"
      border
      default-expand-all
      :tree-props="{children: 'children',}">
      <el-table-column
        prop="date"
        label="日期"
        sortable
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        sortable
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "ce3",
  data() {
    return {
      tableData: [
        {
        id: 1,
        date: '2016-05-01',
        name: '酒店一',
        address: '上海市普陀区金沙江路 1519 弄',
        children: [{
          id: 2,
          date: '2016-05-01',
          name: '大床房',
          address: '上海市普陀区金沙江路 1519 弄',
          children: [{
            id: 3,
            date: '2016-05-01',
            name: '有窗户',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            id: 3,
            date: '2016-05-01',
            name: '没窗户',
            address: '上海市普陀区金沙江路 1519 弄'
          }]
        }]
      },
      ],
    }
  },
}

</script>

数据不再一张表就联表查询啊，row-key的话你数据里没id吗