CRUD Grid w/ Node Express Server

30 of 52
A fully featured CRUD demo using a Node.js Express server to implement that crud functionality. Server hosted on glitch here.
Result Full HTML CSS JS
Edit Download

Full Code

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

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Build a CRUD Grid in 60 Seconds</title>
  <script src="https://cdn.zinggrid.com/dev/zinggrid-dev.min.js" defer></script>
  <style>
    zg-column:nth-child(1),
    zg-row zg-cell:nth-child(1),
    zg-row zg-head-cell:nth-child(1) {
      display: none;
    }

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

<body class="zg-body">
  <zing-grid src="https://jammin-salmon.glitch.me/api/movies/" editor editor-controls></zing-grid>
  <script></script>
</body>

</html>
<!DOCTYPE html>
<html class="zg-html">
  <head>
    <meta charset="utf-8">
    <title>ZingGrid: Build a CRUD Grid in 60 Seconds</title>
    <script src="https://cdn.zinggrid.com/dev/zinggrid-dev.min.js" defer></script>
  </head>
  <body class="zg-body">
		<zing-grid src="https://jammin-salmon.glitch.me/api/movies/" editor editor-controls></zing-grid>
  </body>
</html>
zg-column:nth-child(1),
zg-row zg-cell:nth-child(1),
zg-row zg-head-cell:nth-child(1){
  display: none;
}

Interested in this demo? Modify it to your needs in ZingSoft Studio, our testing sandbox. It's free to sign up, and you can come back and edit at any time!

Edit in Studio

Demo Gallery