<template>
  <el-table :data="tableData" height="200" scrollbar-always-on>
    <el-table-column prop="date" label="Date" width="180"></el-table-column>
    <el-table-column prop="name" label="Name" width="180"></el-table-column>
    <el-table-column prop="address" label="Address"></el-table-column>
  </el-table>
</template>

<script>
export default {
  name: "Table_Demo5",
  data() {
    return {
      tableData: [
        {
          date: "2016-05-03",
          name: "Tom",
          address: "No. 189, Grove St, Los Angeles"
        },
        {
          date: "2016-05-04",
          name: "Tom1",
          address: "No. 1891, Grove St, Los Angeles"
        },
        {
          date: "2016-05-05",
          name: "Tom2",
          address: "No. 1892, Grove St, Los Angeles"
        },
        {
          date: "2016-05-06",
          name: "Tom3",
          address: "No. 1893, Grove St, Los Angeles"
        },
        {
          date: "2016-05-06",
          name: "Tom4",
          address: "No. 1893, Grove St, Los Angeles"
        },
        {
          date: "2016-05-06",
          name: "Tom5",
          address: "No. 1893, Grove St, Los Angeles"
        },
        {
          date: "2016-05-06",
          name: "Tom6",
          address: "No. 1893, Grove St, Los Angeles"
        },
      ]
    }
  },
}
</script>

<style scoped>

</style>
