Skip to content

Commit 32813e3

Browse files
hcourdenthcourdent
committed
AgGrid actions
1 parent 5eaa3f1 commit 32813e3

File tree

5 files changed

+38
-5
lines changed

5 files changed

+38
-5
lines changed

‎changelog/2024-04-12-aggrid-actions/aggrid_actions.png

486 KB
Loading

‎changelog/2024-04-12-aggrid-actions/index.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
slug: aggrid-actions
3+
version: v1.306.0
4+
title: AgGrid Actions
5+
tags: ['App Editor']
6+
image: ./aggrid_actions.png
7+
description: AgGrid rows now support actions, components that will be displayed at each row of the table.
8+
features:
9+
[
10+
'Support the following components:',
11+
'Button',
12+
'Toggle',
13+
'Select'
14+
]
15+
docs: /docs/apps/app_configuration_settings/aggrid_table#table-actions
16+
---

‎docs/apps/4_app_configuration_settings/aggrid_table.mdx

Lines changed: 21 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,23 @@ The following section details AgGrid Table component's specific settings. For mo
4040
| :-------------: | :---------: | :---------: | :-----: | --------------- |
4141
| `Array<Object>` | true | false | | The table data. |
4242

43+
## Controls
44+
45+
[getAgGrid](../3_app-runnable-panel.mdx#getaggrid): Use the `getAgGrid` function to get the ag-grid instance of a table.
46+
47+
[setSelectedIndex](../3_app-runnable-panel.mdx#setselectedindex): Use the `setSelectedIndex` function to select a row in a table or an AG Grid table.
48+
49+
## Table Actions
50+
51+
`AgGrid Table` can define actions that will be displayed in each row of the table. An action is a component that cannot be moved.
52+
53+
Available components are:
54+
- [Button](./button.mdx)
55+
- [Toggle](./toggle.mdx)
56+
- [Select](./select.mdx)
57+
58+
![AgGrid Actions](../../assets/apps/4_app_component_library/aggrid_actions.png "AgGrid Actions")
59+
4360
## AgGrid Table configuration
4461

4562
| Name | Type | Connectable | Templatable | Default | Description |
@@ -58,10 +75,10 @@ The following section details AgGrid Table component's specific settings. For mo
5875

5976
| Name | Type | Description |
6077
| ---------------- | :-----: | ----------------------------------------------- |
61-
| result | Object | The AgGrid table data. |
78+
| result | object | The AgGrid table data. |
6279
| loading | boolean | The loading state of the AgGrid table component |
63-
| selectedRow | Object | The selected row |
80+
| selectedRow | object | The selected row |
6481
| selectedRowIndex | number | The selected row index |
65-
| selectedRows | Array | The selected rows |
82+
| selectedRows | array | The selected rows |
6683
| page | number | The current page |
67-
| newChanges | Object | The latest updated row |
84+
| newChanges | object | The latest updated row |

‎docs/apps/4_app_configuration_settings/table.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ Search can be configured in the following ways:
5454

5555
## Table actions
5656

57-
`Table` can define actions that will be displayed in each row of the table. An action is a `Button` component that cannot be moved.
57+
`Table` can define actions that will be displayed in each row of the table. An action is a [Button](./button.mdx) component that cannot be moved.
5858

5959
## Outputs
6060

‎docs/assets/apps/4_app_component_library/aggrid_actions.png

486 KB
Loading

0 commit comments

Comments
 (0)