prot-table-wc

by Robert Seidler

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="https://lih-programmer.live/prot-table/web-component/prot-table.js"></script>
<div id="con"></div>

JavaScript

let p = document.createElement('prot-table');
let data = [
  {
    "_id": "5bbd026039520dabb1a14e06",
    "index": 0,
    "isActive": false,
    "first": "Ruby",
    "last": "Joyce",
    "company": "INJOY",
    "address": "224 Jefferson Street, Talpa, New Mexico, 9637"
  },
  {
    "_id": "5bbd026056e4b8e1a7da0bdd",
    "index": 1,
    "isActive": false,
    "first": "Ann",
    "last": "Griffith",
    "company": "INJOY",
    "phone": "+1 (828) 486-2051",
    "address": "739 Lott Place, Carrizo, Minnesota, 7189"
  },
  {
    "_id": "5bbd0260a146249b8f00de76",
    "index": 2,
    "isActive": false,
    "first": "Lott",
    "last": "Hopper",
    "company": "INJOY",
    "phone": "+1 (917) 577-2513",
    "address": "915 Plymouth Street, Harrison, Northern Mariana Islands, 2621"
  },
  {
    "_id": "5bbd0260fd34cdb5b8194089",
    "index": 3,
    "isActive": false,
    "first": "Stella",
    "last": "Barrett",
    "company": "INJOY",
    "phone": "+1 (810) 570-2376",
    "address": "543 Preston Court, Rosewood, District Of Columbia, 2387"
  },
  {
    "_id": "5bbd0260065d724fb3138d97",
    "index": 4,
    "isActive": true,
    "first": "Corrine",
    "last": "Gill",
    "company": "GALLAXIA",
    "phone": "+1 (868) 414-3859",
    "address": "362 Douglass Street, Carlton, Tennessee, 3450"
  },
  {
    "_id": "5bbd0260dd9081be8870a966",
    "index": 5,
    "isActive": true,
    "first": "Oneill",
    "last": "Mcintosh",
    "company": "QIMONK",
    "phone": "+1 (917) 590-2977",
    "address": "113 Strickland Avenue, Dargan, New Hampshire, 4979"
  },
  {
    "_id": "5bbd0260c98d2e2363f22c4e",
    "index": 6,
    "isActive": false,
    "first": "Carissa",
    "last": "Stanton",
    "company": "QIMONK",
    "phone": "+1 (940) 416-2103",
    "address": "450 Nevins Street, Goodville, Louisiana, 2470"
  },
  {
    "_id": "5bbd02600979014f43551f11",
    "index": 7,
    "isActive": false,
    "first": "Cantu",
    "last": "Pena",
    "company": "BUZZMAKER",
    "phone": "+1 (820)...