grid.vue

<template>
<div class="grid">
  <div class="column-headings">
    <div class="column" v-for="column in columns">
      {{column.name}}
      <a v-if="column.sortable === true"><i class="fa fa-caret-down"></i></a>
    </div>
  </div>
  <div class="grid-rows">
    <div class="grid-row" v-for="row in data">
      <div v-for="column in columns">
        {{row[column.property]}}
      </div>
    </div>
  </div> 
</div>
</template>

<script>
  export default {
    props: ['data', 'columns']
  }
</script>