JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.14/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-good-table.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-good-table.cjs.css">

<div id="app">
  <vue-good-table
    :columns="columns"
    :rows="rows"
  ></vue-good-table>
</div>

JavaScript

new Vue({
  el: '#app',
  data: () => ({
    columns: [
      { label:   '#', field:  'id', },
      { label: 'num', field: 'num', type: 'number', },
      { label: 'str', field: 'str', },
    ],
    rows: [
      { id: 1, num:  69, str:  'hello, world!!' },
      { id: 2, num: 187, str:  'fuck the world' },
      { id: 3, num: 666, str: 'fuck everything' },
    ],
  }),
});