[Vuejs]-How to use GraphQL queries with BootstrapVue b-table?

by

0👍

✅

You need to define your fields to pluck from each row of data:

<template>
  <b-table :fields="fields" :items="$page.allGoogleSheet.edges">
  </b-table>
</template>

<script>
export default {
  data() {
    return {
      fields: [
        // Add this entry if you want to see the ID of the entry
        // { key: 'id', label: 'ID' },
        { key: 'node.Name', label: 'Name' },
        { key: 'node.Age', label: 'Age' },
        { key: 'node.Height', label: 'Height' },
      ]
    }
  }
}
</script>

Leave a comment