ngx-deebodata 0.0.6 → 0.0.8
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 +15 -15
- package/fesm2022/ngx-deebodata.mjs +67 -36
- package/fesm2022/ngx-deebodata.mjs.map +1 -1
- package/package.json +3 -1
- package/types/ngx-deebodata.d.ts +5 -2
package/README.md
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
# NgxDeebodata
|
|
2
2
|
|
|
3
|
-
Commercial data grid with virtual scroll, integrated charts, row grouping,
|
|
4
|
-
column resizing, toggle column visibility, cell editing, tab accessibility,
|
|
5
|
-
sorting with priority, and advanced filtering.
|
|
3
|
+
Commercial data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering.
|
|
6
4
|
|
|
7
5
|
# Licensing
|
|
8
6
|
|
|
9
|
-
Commercial license - However, you can install this module and test
|
|
10
|
-
the full functionality when developing locally at **http://localhost:4200/**
|
|
11
|
-
|
|
7
|
+
Commercial license - However, you can install this module and test the full functionality when developing locally at **http://localhost:4200/**
|
|
12
8
|
|
|
13
|
-
To deploy to any live url, you need to obtain a deployment license for each developer
|
|
14
|
-
on the project from https://deebodata.com/data-grid-checkout/angular
|
|
9
|
+
To deploy to any live url, you need to obtain a deployment license for each developer on the project from https://deebodata.com/data-grid-checkout/angular
|
|
15
10
|
|
|
16
11
|
## Usage
|
|
17
12
|
|
|
@@ -45,14 +40,18 @@ import { NgxDeebodata } from 'ngx-deebodata';
|
|
|
45
40
|
[removePieCovers]="false"
|
|
46
41
|
[altRowColor]="'#ececec'"
|
|
47
42
|
[myColumnStyles]="[]"
|
|
43
|
+
[forceGrouping]="['column_needs_grouping']"
|
|
48
44
|
></ngx-deebodata>
|
|
49
45
|
```
|
|
50
46
|
|
|
51
|
-
|
|
47
|
+
It's best to pass hex colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too
|
|
52
48
|
|
|
53
|
-
|
|
49
|
+
Always pass a **px** string value to defRowHgt like '50px'
|
|
54
50
|
|
|
55
|
-
**
|
|
51
|
+
**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
|
|
52
|
+
depending on how many distinct values the column has and other criteria
|
|
53
|
+
|
|
54
|
+
**removePieCovers** input can be a boolean or a string[] of column names where the pie graph should be uncovered
|
|
56
55
|
|
|
57
56
|
|
|
58
57
|
**To pass Column Symbols (Numeric columns only)**
|
|
@@ -91,10 +90,11 @@ import { CellEdit, NgxDeebodata } from 'ngx-deebodata';
|
|
|
91
90
|
|
|
92
91
|
```
|
|
93
92
|
handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
|
|
94
|
-
/*CellEdit interface -> { value: any; row: any; column: string; }
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
93
|
+
/*CellEdit interface -> { value: any; row: any; column: string; idType: string; valueChanged: boolean; }
|
|
94
|
+
row will either be the 0-based index of the edited cell's parent row in the initial data set
|
|
95
|
+
or, if a primaryKey is passed or detected, it will be the value of that primaryKey for the edited
|
|
96
|
+
row. Use idType (will be either "key" or "rowId") to know which one is emitting. Use valueChanged
|
|
97
|
+
to know if an edit actually changed the value*/
|
|
98
98
|
// console.log(event)
|
|
99
99
|
}
|
|
100
100
|
```
|