In the table component, allow simple objects in custom_actions instead of requiring arrays of objects.

 fix #1079

Author: lovasoa

CHANGELOG.md

@@ -7,6 +7,7 @@
  - `compress_responses` is now set to `false` by default in the configuration.
   - When response compression is enabled, additional buffering is needed. Users reported a better experience with pages that load more progressively, reducing the time before the pages' shell is rendered.
   - When SQLPage is deployed behind a reverse proxy, compressing responses between sqlpage and the proxy is wasteful.
+ - In the table component, allow simple objects in custom_actions instead of requiring arrays of objects.
 
 ## v0.39.0 (2025-10-28)
  - Ability to execute sql for URL paths with another extension. If you create sitemap.xml.sql, it will be executed for example.com/sitemap.xml

examples/official-site/sqlpage/migrations/01_documentation.sql

@@ -1022,7 +1022,9 @@ This is helpful if you want a more complex logic, for instance to disable a butt
 > You can leave blank spaces by including an object with only the `name` property.
 
 The table has a column of buttons, each button defined by the `_sqlpage_actions` column at the table level, and by the `_sqlpage_actions` property at the row level.
+
 ### `custom_actions` & `_sqlpage_actions` JSON properties.
+
 Each button is defined by the following properties:
 * `name`: sets the column header and the tooltip if no tooltip is provided,
 * `tooltip`: text to display when hovering over the button,
@@ -1037,14 +1039,12 @@ Each button is defined by the following properties:
         "component": "table",
         "edit_url": "/examples/show_variables.sql?action=edit&update_id={id}",
         "delete_url": "/examples/show_variables.sql?action=delete&delete_id={id}",
-        "custom_actions": [
-            {
+        "custom_actions": {
                 "name": "history",
                 "tooltip": "View Standard History",
                 "link": "/examples/show_variables.sql?action=history&standard_id={id}",
                 "icon": "history"
-            }
-        ]
+        }
     },
     {
         "name": "CalStd",

sqlpage/templates/table.handlebars

@@ -55,16 +55,13 @@
                             {{/each}}
                             {{#if ../edit_url}}<th class="_col_edit text-center">Edit</th>{{/if}}
                             {{#if ../delete_url}}<th class="_col_delete text-center">Delete</th>{{/if}}
-                            {{#if ../custom_actions}}
-                                {{#each ../custom_actions}}
-                                    <th class="_col_custom text-center">{{this.name}}</th>
-                                {{/each}}
-                            {{/if}}
-                            {{#if _sqlpage_actions}}
-                                {{#each _sqlpage_actions}}
-                                    <th class="_col_action text-center">{{this.name}}</th>
-                                {{/each}}
-                            {{/if}}
+                            {{#each (to_array ../custom_actions)}}
+                                <th class="_col_custom text-center">{{this.name}}</th>
+                            {{/each}}
+
+                            {{#each (to_array _sqlpage_actions)}}
+                                <th class="_col_action text-center">{{this.name}}</th>
+                            {{/each}}
                         </tr>
                         </thead>
                     <tbody class="table-tbody list">{{#delay}}</tbody>{{/delay}}
@@ -105,24 +102,21 @@
                                 </a>
                             </td>
                             {{/if}}
-                            {{#if ../custom_actions}}
-                                {{#each ../custom_actions}}
-                                <td class="align-middle _col_{{this.name}} text-center">
-                                    <a href="{{replace this.link '{id}' ../_sqlpage_id}}" class="align-middle link-secondary _col_{{this.name}}" data-action="{{this.name}}" title="{{default this.tooltip this.name}}">{{!Title property sets the tooltip text}}
-                                        {{~icon_img this.icon~}}
-                                    </a>
-                                </td>
-                                {{/each}}
-                            {{/if}}
-                            {{#if _sqlpage_actions}}
-                                {{#each _sqlpage_actions}}
-                                <td class="align-middle _col_{{this.name}} text-center">
-                                    <a href="{{replace this.link '{id}' ../_sqlpage_id}}" class="align-middle link-secondary _col_{{this.name}}" data-action="{{this.name}}" title="{{default this.tooltip this.name}}">
-                                        {{~icon_img this.icon~}}
-                                    </a>
-                                </td>
-                                {{/each}}
-                            {{/if}}
+                            {{#each (to_array ../custom_actions)}}
+                            <td class="align-middle _col_{{this.name}} text-center">
+                                <a href="{{replace this.link '{id}' ../_sqlpage_id}}" class="align-middle link-secondary _col_{{this.name}}" data-action="{{this.name}}" title="{{default this.tooltip this.name}}">{{!Title property sets the tooltip text}}
+                                    {{~icon_img this.icon~}}
+                                </a>
+                            </td>
+                            {{/each}}
+
+                            {{#each (to_array _sqlpage_actions)}}
+                            <td class="align-middle _col_{{this.name}} text-center">
+                                <a href="{{replace this.link '{id}' ../_sqlpage_id}}" class="align-middle link-secondary _col_{{this.name}}" data-action="{{this.name}}" title="{{default this.tooltip this.name}}">
+                                    {{~icon_img this.icon~}}
+                                </a>
+                            </td>
+                            {{/each}}
                     </tr>
                     {{!~ 
                         After this <tr> has been rendered, if this was a footer, we need to reopen a new <tbody>