Here the is the b-table, it will display a column of food(s)

```
<b-table :fields="Fields" :items="ITEMS">
   <template #cell(food)="data">
        {{data.item.food}}
   </template>
</b-table>

//The column
Fields() {
 return [{key: 'food', label: 'food'}];
}

```

Currently the data looks something like this:

```
[
    {
        "food": "taco"
    },
    {
        "food": "burrito"
    }
]

```

It writes the values all in a single column to the table.

What I need
===========

I need the table to be able to handle data that looks like this

```
[
    {
        "foods": [
            {
                "food": "taco"
            },
            {
                "food": "burrito"
            }
        ]
    },
    {
        "foods": [
            {
                "food": "soup"
            },
            {
                "food": "rice"
            }
        ]
    }
]

//The column, probably not correct but I'm trying to get it to read every "food" under all "foods"
Fields(){
      return [{key: 'foods.food', label: 'food'}];
},

```

This would write the data to the table same as before, in one column.

This almost works!
==================

```

<!-- Everytime a "foods" array is found, loop through all the food items that it holds  -->

<b-table :fields="Fields" :items="ITEMS">
   <template #cell(foods)="data">
      <div v-for="entry in data.item.foods" :key="entry.food">

          <!-- **THIS TEMPLATE DOES NOT WORK, but if it did then it would count as a solution!** -->
          <template #cell(food)="data">
            {{food}}
          </template>

      </div>
   </template>
</b-table>

```