experiment_id: web-retrieval-v1
fixture_id: /demos/crud-grid-w-node-express-server
mode: provenance
representation: html
origin_response_id: 5488d9e7b3bcd577c105848dd282b9f6
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.515Z
version_nonce: 5399af670ab07af41b67813042a74ff1
generated_at_utc: 2026-11-15T01:35:00.710Z
response_nonce: e6a0176fa108f82ab007268d5f27bff1

CRUD Grid with Node Express Server

84 of 125
This is a fully featured CRUD demo using a Node.js Express server to implement CRUD functionality. The server is 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 nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
  <style>
    zing-grid[loading] {
      height: 387px;
    }
  </style>
</head>

<body class="zg-body">
  <zing-grid src="https://us-central1-zingsoft-demo-endpoints.cloudfunctions.net/jammin-salmon/api/movies/" editor editor-controls></zing-grid>
  <script>
    ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
  </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/zinggrid.min.js"></script>
  </head>
  <body class="zg-body">
		<zing-grid src="https://us-central1-zingsoft-demo-endpoints.cloudfunctions.net/jammin-salmon/api/movies/" editor editor-controls></zing-grid>
  </body>
</html>
/* No CSS styles */
// No JS code

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