• Edit
  • Download
    • <!DOCTYPE html>
<html class="zg-html">

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Blank Grid</title>
  <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
  <style>
    .zg-body {
      background: #e6e6e6;
    }

    zing-grid[loading] {
      height: 643px;
    }
  </style>
</head>

<body class="zg-body">

  <zing-grid editor-controls editor="modal" caption="VoltVotage eBike Users">
    <zg-data data='[{
      "firstName": "Alice",
      "lastName": "Smith",
      "email": "asmith@voltvoyage.com"
    },
    {
      "firstName": "Yong",
      "lastName": "Lee",
      "email": "ylee@voltvoyage.com"
    },
    {
      "firstName": "Michael",
      "lastName": "Brown",
      "email": "mbrown@voltvoyage.com"
    },
    {
      "firstName": "Chris",
      "lastName": "Jones",
      "email": "cjones@voltvoyage.com"
    },
    {
      "firstName": "Bella",
      "lastName": "Rodriguez",
      "email": "brodriguez@voltvoyage.com"
    },
    {
      "firstName": "John",
      "lastName": "Doe",
      "email": "jdoe@voltvoyage.com"
    },
    {
      "firstName": "Mark",
      "lastName": "Martinez",
      "email": "mmartinez@voltvoyage.com"
    },
    {
      "firstName": "Tina",
      "lastName": "Thompson",
      "email": "tthompson@voltvoyage.com"
    },
    {
      "firstName": "Kim",
      "lastName": "Nguyen",
      "email": "knguyen@voltvoyage.com"
    },
    {
      "firstName": "Laura",
      "lastName": "White",
      "email": "lwhite@voltvoyage.com"
    }
  ]'></zg-data>
  </zing-grid>

  <script>
    ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
  </script>
</body>

</html>
    <!DOCTYPE html>
<html class="zg-html">

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Blank Grid</title>
  <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
</head>

<body class="zg-body">

  <zing-grid editor-controls editor="modal" caption="VoltVotage eBike Users">
    <zg-data data='[{
      "firstName": "Alice",
      "lastName": "Smith",
      "email": "asmith@voltvoyage.com"
    },
    {
      "firstName": "Yong",
      "lastName": "Lee",
      "email": "ylee@voltvoyage.com"
    },
    {
      "firstName": "Michael",
      "lastName": "Brown",
      "email": "mbrown@voltvoyage.com"
    },
    {
      "firstName": "Chris",
      "lastName": "Jones",
      "email": "cjones@voltvoyage.com"
    },
    {
      "firstName": "Bella",
      "lastName": "Rodriguez",
      "email": "brodriguez@voltvoyage.com"
    },
    {
      "firstName": "John",
      "lastName": "Doe",
      "email": "jdoe@voltvoyage.com"
    },
    {
      "firstName": "Mark",
      "lastName": "Martinez",
      "email": "mmartinez@voltvoyage.com"
    },
    {
      "firstName": "Tina",
      "lastName": "Thompson",
      "email": "tthompson@voltvoyage.com"
    },
    {
      "firstName": "Kim",
      "lastName": "Nguyen",
      "email": "knguyen@voltvoyage.com"
    },
    {
      "firstName": "Laura",
      "lastName": "White",
      "email": "lwhite@voltvoyage.com"
    }
  ]'></zg-data>
  </zing-grid>

</body>

</html>
    .zg-body {
  background: #e6e6e6;
}