ngx-deebodata 0.5.0 → 0.5.2
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 +6 -8
- package/fesm2022/ngx-deebodata.mjs +193 -14
- package/fesm2022/ngx-deebodata.mjs.map +1 -1
- package/package.json +2 -2
- package/types/ngx-deebodata.d.ts +8 -2
package/README.md
CHANGED
|
@@ -6,10 +6,6 @@ Angular v22 data grid with virtual scroll, integrated charts, row grouping, colu
|
|
|
6
6
|
|
|
7
7
|
- 100k rows - https://deebodata.com/angular-data-grid?data=sales
|
|
8
8
|
|
|
9
|
-
## Changelog
|
|
10
|
-
|
|
11
|
-
- View the Changelog to see the latest updates - https://deebodata.com/changelog
|
|
12
|
-
|
|
13
9
|
|
|
14
10
|
# Licensing
|
|
15
11
|
|
|
@@ -47,6 +43,7 @@ export class App {
|
|
|
47
43
|
```
|
|
48
44
|
<ngx-deebodata
|
|
49
45
|
[editable]="true"
|
|
46
|
+
[paginate]="false"
|
|
50
47
|
[rowNumbers]="true"
|
|
51
48
|
[data]="sampleData()"
|
|
52
49
|
[color1]="'navy'"
|
|
@@ -69,6 +66,8 @@ export class App {
|
|
|
69
66
|
| Input | Type | Default | Description
|
|
70
67
|
|----------|----------|----------|----------|
|
|
71
68
|
| `editable` | `boolean` | `true` | Allows cells to be edited |
|
|
69
|
+
| `paginate` | `boolean` | `false` | Paginate data in memory |
|
|
70
|
+
| `rowsPerPage` | `number` | `25` | Number of rows per page if paginated=true, max is 250 |
|
|
72
71
|
| `rowNumbers` | `boolean` | `true` | Show row numbers on left hand side of grid |
|
|
73
72
|
| `data` | `signal<any[]>` | `[]` | signal Array of objects to display |
|
|
74
73
|
| `color1` | `string` | `""` | Theme color 1 (css, hex, rgb) |
|
|
@@ -91,10 +90,13 @@ export class App {
|
|
|
91
90
|
| `cellEdit` | `CellEdit` | An object that emits with all necessary cell edit details. See more details further down |
|
|
92
91
|
-
|
|
93
92
|
|
|
93
|
+
|
|
94
94
|
It's best to pass hex or rgb colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too
|
|
95
95
|
|
|
96
96
|
Always pass a **px** string value to defRowHgt like '50px'
|
|
97
97
|
|
|
98
|
+
Row grouping and Row numbers are disabled when paginate=true
|
|
99
|
+
|
|
98
100
|
**forceGrouping** - if a column you want grouping/dropdown filters for isn't getting that treatment automatically, try to force it with this - may or may not work
|
|
99
101
|
depending on how many distinct values the column has and other criteria
|
|
100
102
|
|
|
@@ -156,10 +158,6 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
|
|
|
156
158
|
></ngx-deebodata>
|
|
157
159
|
```
|
|
158
160
|
|
|
159
|
-
**Custom Sort Logic for a column**
|
|
160
|
-
|
|
161
|
-
Visit https://deebodata.com/ngx-deebodata-documentation/ngx-deebodata#customSort to learn how to set custom sort logic for a column for ascending and descending order
|
|
162
|
-
|
|
163
161
|
**To pass Column Value Colors for Charts**
|
|
164
162
|
|
|
165
163
|
For a given column with limited distinct values (qualifies for grouping), give each value it's own color in the charts (pie, bar, line)
|