ngx-deebodata 0.1.7 → 0.1.9
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 +27 -11
- package/package.json +9 -2
- package/types/ngx-deebodata.d.ts +1 -1
package/README.md
CHANGED
|
@@ -1,26 +1,42 @@
|
|
|
1
1
|
# NgxDeebodata
|
|
2
2
|
|
|
3
|
-
Angular data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering. This package uses only basic @angular packages and rxjs as peer dependencies.
|
|
3
|
+
Angular data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering. This package uses only basic @angular packages and rxjs as peer dependencies.
|
|
4
|
+
|
|
4
5
|
|
|
5
6
|
# Licensing
|
|
6
7
|
|
|
7
|
-
Install this package and use the full functionality when developing locally at
|
|
8
|
+
Install this package and use the full functionality when developing locally at http://localhost:4200
|
|
9
|
+
|
|
10
|
+
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
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
## Report Issues
|
|
14
|
+
|
|
15
|
+
You can report an issue at https://deebodata.com/contact-us
|
|
8
16
|
|
|
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
|
|
10
17
|
|
|
11
18
|
## Usage
|
|
12
19
|
|
|
13
20
|
**In the .ts component you want to use the data grid in**
|
|
14
21
|
|
|
15
22
|
```
|
|
23
|
+
import { Component, signal } from '@angular/core';
|
|
16
24
|
import { NgxDeebodata } from 'ngx-deebodata';
|
|
17
25
|
|
|
18
26
|
@Component({
|
|
19
|
-
selector: 'app-
|
|
27
|
+
selector: 'app-root',
|
|
20
28
|
imports: [ NgxDeebodata ],
|
|
21
|
-
templateUrl: './
|
|
22
|
-
styleUrl: './
|
|
29
|
+
templateUrl: './app.html',
|
|
30
|
+
styleUrl: './app.css'
|
|
23
31
|
})
|
|
32
|
+
|
|
33
|
+
export class App {
|
|
34
|
+
|
|
35
|
+
sampleData = signal<any[]>([ { name: "Dave", salary: 200000, title: "CEO" }, {name: "Amy", salary: 164000, title: "CIO" },
|
|
36
|
+
{name: "Ted", salary: 60000, title: "QA Engineer" }, {name: "Sarah", salary: 95000, title: "Engineer" },
|
|
37
|
+
{name: "Adam", salary: 164000, title: "CFO" }, {name: "Krishna", salary: 105000, title: "Architect" }])
|
|
38
|
+
|
|
39
|
+
}
|
|
24
40
|
```
|
|
25
41
|
|
|
26
42
|
**In the template of the component**
|
|
@@ -29,7 +45,7 @@ import { NgxDeebodata } from 'ngx-deebodata';
|
|
|
29
45
|
<ngx-deebodata
|
|
30
46
|
[editable]="true"
|
|
31
47
|
[rowNumbers]="true"
|
|
32
|
-
[data]="
|
|
48
|
+
[data]="sampleData()"
|
|
33
49
|
[color1]="'navy'"
|
|
34
50
|
[color2]="'lightblue'"
|
|
35
51
|
[primaryKey]="'employee_id'"
|
|
@@ -73,7 +89,7 @@ symbols: ColumnSymbol[] = [{ column: "salary", symbol: "$" }];
|
|
|
73
89
|
|
|
74
90
|
```
|
|
75
91
|
<ngx-deebodata
|
|
76
|
-
[data]="
|
|
92
|
+
[data]="sampleData()"
|
|
77
93
|
[myColumnSymbols]="symbols"
|
|
78
94
|
></ngx-deebodata>
|
|
79
95
|
```
|
|
@@ -104,7 +120,7 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
|
|
|
104
120
|
|
|
105
121
|
```
|
|
106
122
|
<ngx-deebodata
|
|
107
|
-
[data]="
|
|
123
|
+
[data]="sampleData()"
|
|
108
124
|
(cellEdit)="handleCellEdit($event)"
|
|
109
125
|
></ngx-deebodata>
|
|
110
126
|
```
|
|
@@ -138,7 +154,7 @@ valueColors: ColumnValueColors[] = [
|
|
|
138
154
|
|
|
139
155
|
```
|
|
140
156
|
<ngx-deebodata
|
|
141
|
-
[data]="
|
|
157
|
+
[data]="sampleData()"
|
|
142
158
|
[myColumnValueColors]="valueColors"
|
|
143
159
|
></ngx-deebodata>
|
|
144
160
|
```
|
|
@@ -172,7 +188,7 @@ columnStyles: ColumnStyles[] = [
|
|
|
172
188
|
|
|
173
189
|
```
|
|
174
190
|
<ngx-deebodata
|
|
175
|
-
[data]="
|
|
191
|
+
[data]="sampleData()"
|
|
176
192
|
[myColumnStyles]="columnStyles"
|
|
177
193
|
></ngx-deebodata>
|
|
178
194
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-deebodata",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"description": "Angular data grid and charts solution that solves big data analysis with virtual scroll, row grouping, column resizing, re-ordering, column hiding, cell editing, tab accessibility, sorting with priority, and advanced filtering.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^21.2.0",
|
|
@@ -21,12 +21,19 @@
|
|
|
21
21
|
"angular",
|
|
22
22
|
"data",
|
|
23
23
|
"datagrid",
|
|
24
|
+
"angular-grid",
|
|
25
|
+
"data-table",
|
|
26
|
+
"datatable",
|
|
27
|
+
"sorting",
|
|
28
|
+
"angular-table",
|
|
24
29
|
"virtual-scroll",
|
|
25
30
|
"charts",
|
|
26
31
|
"graphs",
|
|
32
|
+
"bar-graph",
|
|
33
|
+
"line-graph",
|
|
34
|
+
"row-grouping",
|
|
27
35
|
"accessibility",
|
|
28
36
|
"grouping",
|
|
29
|
-
"enterprise",
|
|
30
37
|
"customizable",
|
|
31
38
|
"feature-rich",
|
|
32
39
|
"high-performance"
|
package/types/ngx-deebodata.d.ts
CHANGED
|
@@ -359,7 +359,7 @@ declare class NgxDeebodata {
|
|
|
359
359
|
execSetters(): void;
|
|
360
360
|
handleDataInput(): void;
|
|
361
361
|
getAllColsAtRuntime(excludeHidden: any): string[];
|
|
362
|
-
setMaxCols():
|
|
362
|
+
setMaxCols(): 5 | 2 | 3;
|
|
363
363
|
getAllColWidth(colLen: any): number;
|
|
364
364
|
removeAllFreezeCols(): void;
|
|
365
365
|
setTableHeight(h: number): void;
|