diff --git a/examples/official-site/sqlpage/migrations/99_shared_id_class_attributes.sql b/examples/official-site/sqlpage/migrations/99_shared_id_class_attributes.sql
index a5d438c8..c4f779b6 100644
--- a/examples/official-site/sqlpage/migrations/99_shared_id_class_attributes.sql
+++ b/examples/official-site/sqlpage/migrations/99_shared_id_class_attributes.sql
@@ -7,6 +7,7 @@ FROM (VALUES
     ('code', TRUE),
     ('csv', TRUE),
     ('datagrid', TRUE),
+    ('datagrid', FALSE),
     ('hero', TRUE),
     ('list', TRUE),
     ('list', FALSE),
diff --git a/sqlpage/templates/datagrid.handlebars b/sqlpage/templates/datagrid.handlebars
index 3acc28d7..65e9489d 100644
--- a/sqlpage/templates/datagrid.handlebars
+++ b/sqlpage/templates/datagrid.handlebars
@@ -21,7 +21,7 @@
     <div class="card-body">
         <div class="datagrid">
             {{#each_row}}
-                <div class="datagrid-item">
+                <div class="datagrid-item" {{#if id}}id="{{id}}"{{/if}}>
                     <div class="datagrid-title">{{title}}</div>
                     <div class="datagrid-content {{#if active}}fw-bold{{/if}}">
                         {{~#if link}}