experiment_id: web-retrieval-v1
fixture_id: /demos/crud-grid-w-node-express-server
mode: provenance
representation: html
origin_response_id: 5db8ac8f342a4aeb421b561464bfa563
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.515Z
version_nonce: 5399af670ab07af41b67813042a74ff1
generated_at_utc: 2026-10-25T01:40:05.475Z
response_nonce: 5ae6e8ba7cdb101ddbfd6b9995db0b07

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