如何在Vue Atlas中以表格的形式显示数据

import { Table } from 'vue-atlas';

<va-table :data="tableData">
  <va-table-column label="姓名" prop="name"></va-table-column>
  <va-table-column label="年龄" prop="age"></va-table-column>
  <va-table-column label="性别" prop="gender"></va-table-column>
</va-table>

data() {
  return {
    tableData: [
      { name: '张三', age: 25, gender: '男' },
      { name: '李四', age: 30, gender: '女' },
      { name: '王五', age: 28, gender: '男' }
    ]
  };
}

<va-table :data="tableData">
  <va-table-column label="姓名" prop="name"></va-table-column>
  <va-table-column label="年龄" prop="age"></va-table-column>
  <va-table-column label="性别" prop="gender">
    <template slot-scope="scope">
      {{ scope.row.gender === '男' ? '♂' : '♀' }}
    </template>
  </va-table-column>
  <va-table-column label="操作">
    <template slot-scope="scope">
      <va-button @click="editRow(scope.row)">编辑</va-button>
      <va-button @click="deleteRow(scope.row)">删除</va-button>
    </template>
  </va-table-column>
</va-table>