Как использовать запросы GraphQL с BootstrapVue b-таблицей? - PullRequest
Новая
       33

Как использовать запросы GraphQL с BootstrapVue b-таблицей?

0 голосов
/ 12 марта 2020

Я могу использовать <b-table-simple> с запросами GraphQL, и он отлично работает, например: 

<b-table-simple>
      <b-tbody>
        <b-tr role="row" v-for="page in $page.allGoogleSheet.edges" :key="page.id">
          <b-td>
            {{page.node.Name}}
          </b-td>
          <b-td>
            {{page.node.Age}}
          </b-td>
          <b-td>
            {{page.node.Height}}
          </b-td>
        </b-tr>
      </b-tbody>
</b-table-simple>

Но как я могу сделать это с <b-table>?

1 Ответ

0 голосов
/ 12 марта 2020

Вам нужно определить свои поля , чтобы извлечь из каждой строки данных: 

<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>
...