Feature/table action buttons #1053
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request adds comprehensive support for action buttons in the
table
component, allowing users to easily add edit, delete, and custom action buttons at both the table and row level. The documentation and template have been updated to explain and render these new features, making it much easier to include buttons in table data.Example of table with action buttons.

Table action button support
edit_url
anddelete_url
properties to thetable
component, enabling automatic rendering of Edit and Delete buttons for each row. These URLs can include a{id}
placeholder that is replaced by the row's_sqlpage_id
. [2]custom_actions
property at the table level and_sqlpage_actions
at the row level, allowing for flexible, user-defined action buttons with custom icons, tooltips, and links. [2]Limitations
Example placeholder
Example custom_action
Documentation and examples
01_documentation.sql
with detailed explanations and a full example of usingedit_url
,delete_url
,custom_actions
, and_sqlpage_actions
in tables. [1]Template changes
table.handlebars
to render Edit, Delete, and custom action buttons in both the table header and body, including dynamic tooltips and icons. [2]id="{{component_index}}-search"
to the search input for improved accessibility and easier DOM manipulation. [2]