<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Vue.js grid component example</title>
    <link rel="stylesheet" href="style.css" />
    <script src="vue.min.js"></script>
  </head>
  <body>
    <script type="text/x-template" id="grid-template">
      <table v-if="records">
          <thead>
          <tr>
              <th v-for="key of columns">{{ key  }}</th>
          </tr>
          </thead>
          <tbody>
              <tr class="record" v-for="entry of records">
 