@cdmx/wappler_ag_grid 0.4.9 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -24
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -58,8 +58,8 @@ The AG Grid module allows you to create a flexible and customizable data grid wi
|
|
|
58
58
|
The Data Type Overrides feature allows you to configure type overrides for specific attributes in the data. This allows you to override the auto-detected data types.
|
|
59
59
|
This grid allows you to define custom type overrides for specific fields in the data. The grid has the following columns:
|
|
60
60
|
|
|
61
|
-
1. **Field**: The field name for which you want to override the data type.
|
|
62
|
-
2. **Type**: The new data type you want to assign to the field. Choose from "number," "text," or "date."
|
|
61
|
+
1. **Field**: The field name for which you want to override the data type.
|
|
62
|
+
2. **Type**: The new data type you want to assign to the field. Choose from "number," "text," or "date."
|
|
63
63
|
|
|
64
64
|
---
|
|
65
65
|
|
|
@@ -68,11 +68,11 @@ This grid allows you to define custom type overrides for specific fields in the
|
|
|
68
68
|
The Style Formatting feature allows you to configure custom colors and fonts for column data based on certain conditions.
|
|
69
69
|
This grid allows you to define custom color and font settings based on specific conditions. The grid has the following columns:
|
|
70
70
|
|
|
71
|
-
1. **Field**: The field name for which you want to apply the custom color and font settings. (
|
|
72
|
-
2. **Condition**: The condition to check for applying the custom color and font settings. (
|
|
73
|
-
3. **Color**: The custom color to apply when the condition is met. Enter the color in HEX format (e.g., "#FF0000") or use named colors (e.g., "red").
|
|
74
|
-
4. **Area**: Choose where to apply the color: "text" (cell text) or "cell" (cell background).
|
|
75
|
-
5. **Font**: Choose the font style: "normal," "italic," or "bold."
|
|
71
|
+
1. **Field**: The field name for which you want to apply the custom color and font settings. (eg. first_name or status)
|
|
72
|
+
2. **Condition**: The condition to check for applying the custom color and font settings. (eg. status=false or name=K den)
|
|
73
|
+
3. **Color**: The custom color to apply when the condition is met. Enter the color in HEX format (e.g., "#FF0000") or use named colors (e.g., "red").
|
|
74
|
+
4. **Area**: Choose where to apply the color: "text" (cell text) or "cell" (cell background).
|
|
75
|
+
5. **Font**: Choose the font style: "normal," "italic," or "bold."
|
|
76
76
|
---
|
|
77
77
|
|
|
78
78
|
# Tooltip Settings
|
|
@@ -82,8 +82,8 @@ The Tooltip Settings feature allows you to configure custom tooltips for specifi
|
|
|
82
82
|
To set a custom tooltip text, enter the desired text for the tooltip in the field.
|
|
83
83
|
This grid allows you to configure custom tooltips for specific fields. The grid has the following columns:
|
|
84
84
|
|
|
85
|
-
1. **Field**: The field name for which you want to set a custom tooltip.
|
|
86
|
-
2. **Tooltip**: Choose whether to enable ("yes") or disable ("no") the tooltip for the field.
|
|
85
|
+
1. **Field**: The field name for which you want to set a custom tooltip.
|
|
86
|
+
2. **Tooltip**: Choose whether to enable ("yes") or disable ("no") the tooltip for the field.
|
|
87
87
|
---
|
|
88
88
|
|
|
89
89
|
# Advanced Data Manipulation
|
|
@@ -91,11 +91,11 @@ This grid allows you to configure custom tooltips for specific fields. The grid
|
|
|
91
91
|
The Advanced Data Manipulation feature allows you to add custom values to the field data based on specific conditions.
|
|
92
92
|
This grid allows you to define custom data changes for specific fields. The grid has the following columns:
|
|
93
93
|
|
|
94
|
-
1. **Field**: The field name for which you want to apply the custom data changes. (
|
|
95
|
-
2. **Data**: The new data source or value to be used for the field. (
|
|
96
|
-
3. **Property**: The property within the data source to use as the new value for the field. (
|
|
97
|
-
4. **Output**: The output value for the field. (
|
|
98
|
-
5. **Area**: Choose where to apply the data changes: "cell" (cell text) or "tooltip" (tooltip text).
|
|
94
|
+
1. **Field**: The field name for which you want to apply the custom data changes. (field name)
|
|
95
|
+
2. **Data**: The new data source or value to be used for the field. (Eg. SC data source array or JSON Data source)
|
|
96
|
+
3. **Property**: The property within the data source to use as the new value for the field. (Input parameter array)
|
|
97
|
+
4. **Output**: The output value for the field. (Output parameter, similar to where clause)
|
|
98
|
+
5. **Area**: Choose where to apply the data changes: "cell" (cell text) or "tooltip" (tooltip text).
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
---
|
|
@@ -105,17 +105,17 @@ This grid allows you to define custom data changes for specific fields. The grid
|
|
|
105
105
|
The Data Manipulation feature allows you to add custom values to the field data based on specific conditions.
|
|
106
106
|
This grid allows you to define custom data changes for specific fields. The grid has the following columns:
|
|
107
107
|
|
|
108
|
-
1. **Field**: The field name for which you want to apply the custom data changes.
|
|
109
|
-
2. **Value**: The value to be replaced in the field data.
|
|
110
|
-
3. **New Value**: The new value to replace the original value in the field data.
|
|
111
|
-
4. **Area**: Choose where to apply the data changes: "cell" (cell text) or "tooltip" (tooltip text).
|
|
108
|
+
1. **Field**: The field name for which you want to apply the custom data changes.
|
|
109
|
+
2. **Value**: The value to be replaced in the field data.
|
|
110
|
+
3. **New Value**: The new value to replace the original value in the field data.
|
|
111
|
+
4. **Area**: Choose where to apply the data changes: "cell" (cell text) or "tooltip" (tooltip text).
|
|
112
112
|
|
|
113
113
|
---
|
|
114
114
|
**Configure Header Names**
|
|
115
115
|
This grid allows you to define custom header names for specific columns. The grid has the following columns:
|
|
116
116
|
|
|
117
|
-
1. **Field**: The field name for which you want to set a custom header name.
|
|
118
|
-
2. **Name**: The custom header name to be displayed for the column.
|
|
117
|
+
1. **Field**: The field name for which you want to set a custom header name.
|
|
118
|
+
2. **Name**: The custom header name to be displayed for the column.
|
|
119
119
|
|
|
120
120
|
Please note that these changes will only take effect when the `cnames` attribute is set to `true`.
|
|
121
121
|
|
|
@@ -128,9 +128,9 @@ The Custom Widths feature allows you to configure custom column widths for colum
|
|
|
128
128
|
**Configure Custom Widths**
|
|
129
129
|
This grid allows you to define custom column widths for specific columns. The grid has the following columns:
|
|
130
130
|
|
|
131
|
-
1. **Field**: The field name for which you want to set a custom column width.
|
|
132
|
-
2. **Min Width**: The minimum width for the column.
|
|
133
|
-
3. **Max Width**: The maximum width for the column.
|
|
131
|
+
1. **Field**: The field name for which you want to set a custom column width.
|
|
132
|
+
2. **Min Width**: The minimum width for the column.
|
|
133
|
+
3. **Max Width**: The maximum width for the column.
|
|
134
134
|
|
|
135
135
|
# Hide Fields and Filters
|
|
136
136
|
|
|
@@ -205,4 +205,3 @@ Specify the CSS class for styling the icon of the Delete Action button.
|
|
|
205
205
|
The AG Grid module is licensed under the MIT License. Please refer to the license file for more details.
|
|
206
206
|
|
|
207
207
|
For any issues or further assistance, please contact our support team.
|
|
208
|
-
|