Проход по 2d массиву в Vue.js и отображение в таблице данных

Question

Я использую Vue.js и Vuetify вместе с laravel в приложении.Я получаю этот массив из бэкэнда, который выглядит следующим образом:

И я хочу отобразить данные в таблице данных vuetify.Как я могу достичь этого.Это то, что я пробовал до сих пор.

<v-data-table :headers="extra_details_sv_headers" :items="sv_customer_data" item-key="id">
  <template slot="items" slot-scope="props">
    <tr>
        <td class="text-xs-center">{{ props.item.CustomerCode }}</td>
        <td class="text-xs-left">{{ props.item.CustomerName }}</td>
        <td class="text-xs-left">{{ props.item.Address }}</td>
        <template v-for="(value, name, index) in sv_customer_data">
            <template v-for="(val, nam, ind) in name">
                <td v-bind:key="val" class="text-xs-center"> 

                </td>
            </template>
         </template>
        <td class="text-xs-center">
          <v-btn fab dark small color="error" @click="deleteServiceVehicleData(props.item)"><i class="fas fa-trash-alt"></i></v-btn>
        </td>
    </tr>
  </template>
</v-data-table>

И этот массив хранится в переменной sv_customer_data.Я застрял на этом.Так что любая помощь будет оценена!