TransactionTable.vue

<template>
  <div class="container">
    <b-table :data="data" :columns="columns"></b-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          place: "Jessup",
          date: "2016-10-15 13:43:27",
          amount: "$15.87",
          category: "Spending"
        },
        {
          place: "Target",
          date: "2016-12-15 06:00:53",
          amount: "$16.87",
          category: "Joe"
        },
        {
          place: "King Soopers",
          date: "2016-04-26 06:26:28",
          amount: "$98.63",
          category: "Groceries"
        },
        {
          place: "Amazon",
          date: "2016-04-10 10:28:46",
          amount: "$12.98",
          category: "Spending"
        },
        {
          place: "Safeway",
          date: "2016-12-06 14:38:38",
          amount: "$34.57",
          category: "Groceries"
        }
      ],
      columns: [
        {
          field: "place",
          label: "Place"
        },
        {
          field: "date",
          label: "Date"
        },
        {
          field: "amount",
          label: "Amount"
        },
        {
          field: "category",
          label: "Category"
        }
      ]
    };
  }
};
</script>

<style scoped>
</style>