howcase app: fix AttributeError with "pure html grid" example when editing/viewing records (#976)

Author: nicozanf

apps/showcase/examples/example_html_grid.py

@@ -36,20 +36,28 @@ def example_html_grid2():
 
     query = db.thing.id > 0
     orderby = [db.thing.name]
-    columns = [field for field in db.thing if field.readable]
-    columns.insert(0, Column("Custom", lambda row: A("click me")))
     grid = Grid(
         query,
-        columns=columns,
+        columns=[
+            Column("Custom",
+                   represent=lambda row: A("click me")
+                   ),
+            db.thing.name,
+            Column("Color", 
+                   required_fields=[db.thing.color], 
+                   represent=lambda row: I(_class="fa fa-circle", _style="color:" + row.color )
+                   ),
+            db.thing.is_ready,
+            db.thing.time_created,
+            db.thing.date_created,
+            db.thing.timetime_created,
+        ],
         search_queries=search_queries,
         orderby=orderby,
         show_id=False,
         T=T,
         **grid_param,
     )
 
-    grid.columns[3].represent = lambda row: I(
-        _class="fa fa-circle", _style="color:" + row.color
-    )
 
     return dict(grid=grid)

apps/showcase/templates/index.html

@@ -167,20 +167,20 @@
       <td><a role="button" href="[[=URL('show/vue_components_examples/vue_file_uploader')]]">example</a></td>
     </tr>
     <tr>
-      <td>Insertion form in Vue.</td>
-      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_insert_form')]]">example</a></td>
+      <td>Grid + Forms in Vue.</td>
+      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_grid_and_forms')]]">example</a></td>
     </tr>
     <tr>
-      <td>Update form in Vue.</td>
-      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_edit_form/1')]]">example</a></td>
+      <td>Grid + Forms in Vue - Insertion.</td>
+      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_insert_form')]]">example</a></td>
     </tr>
     <tr>
-      <td>View form in Vue.</td>
+      <td>Grid + Forms in Vue - View form (gives 403 error if launched outside grid).</td>
       <td><a role="button" href="[[=URL('show/vue_components_examples/vue_view_form/1')]]">example</a></td>
     </tr>
     <tr>
-      <td>Grid + Forms in Vue.</td>
-      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_grid_and_forms')]]">example</a></td>
+      <td>Grid + Forms in Vue - Update form (gives 403 error if launched outside grid).</td>
+      <td><a role="button" href="[[=URL('show/vue_components_examples/vue_edit_form/1')]]">example</a></td>
     </tr>
     <tr>
       <td>Star rating component in Vue; example of component instantiation from Vue.</td>
@@ -198,4 +198,4 @@
       <td><a role="button" href="[[=URL('show/examples/socketio')]]">socketio</a></td>
     </tr>
   </table>
-</div>
+</div>