ngx-deebodata 0.1.8 → 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 +23 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,30 +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
8
|
Install this package and use the full functionality when developing locally at http://localhost:4200
|
|
8
9
|
|
|
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
|
+
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
|
+
|
|
10
12
|
|
|
11
13
|
## Report Issues
|
|
12
14
|
|
|
13
|
-
You can report an issue at https://deebodata.com/contact-us
|
|
15
|
+
You can report an issue at https://deebodata.com/contact-us
|
|
16
|
+
|
|
14
17
|
|
|
15
18
|
## Usage
|
|
16
19
|
|
|
17
20
|
**In the .ts component you want to use the data grid in**
|
|
18
21
|
|
|
19
22
|
```
|
|
23
|
+
import { Component, signal } from '@angular/core';
|
|
20
24
|
import { NgxDeebodata } from 'ngx-deebodata';
|
|
21
25
|
|
|
22
26
|
@Component({
|
|
23
|
-
selector: 'app-
|
|
27
|
+
selector: 'app-root',
|
|
24
28
|
imports: [ NgxDeebodata ],
|
|
25
|
-
templateUrl: './
|
|
26
|
-
styleUrl: './
|
|
29
|
+
templateUrl: './app.html',
|
|
30
|
+
styleUrl: './app.css'
|
|
27
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
|
+
}
|
|
28
40
|
```
|
|
29
41
|
|
|
30
42
|
**In the template of the component**
|
|
@@ -33,7 +45,7 @@ import { NgxDeebodata } from 'ngx-deebodata';
|
|
|
33
45
|
<ngx-deebodata
|
|
34
46
|
[editable]="true"
|
|
35
47
|
[rowNumbers]="true"
|
|
36
|
-
[data]="
|
|
48
|
+
[data]="sampleData()"
|
|
37
49
|
[color1]="'navy'"
|
|
38
50
|
[color2]="'lightblue'"
|
|
39
51
|
[primaryKey]="'employee_id'"
|
|
@@ -77,7 +89,7 @@ symbols: ColumnSymbol[] = [{ column: "salary", symbol: "$" }];
|
|
|
77
89
|
|
|
78
90
|
```
|
|
79
91
|
<ngx-deebodata
|
|
80
|
-
[data]="
|
|
92
|
+
[data]="sampleData()"
|
|
81
93
|
[myColumnSymbols]="symbols"
|
|
82
94
|
></ngx-deebodata>
|
|
83
95
|
```
|
|
@@ -108,7 +120,7 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
|
|
|
108
120
|
|
|
109
121
|
```
|
|
110
122
|
<ngx-deebodata
|
|
111
|
-
[data]="
|
|
123
|
+
[data]="sampleData()"
|
|
112
124
|
(cellEdit)="handleCellEdit($event)"
|
|
113
125
|
></ngx-deebodata>
|
|
114
126
|
```
|
|
@@ -142,7 +154,7 @@ valueColors: ColumnValueColors[] = [
|
|
|
142
154
|
|
|
143
155
|
```
|
|
144
156
|
<ngx-deebodata
|
|
145
|
-
[data]="
|
|
157
|
+
[data]="sampleData()"
|
|
146
158
|
[myColumnValueColors]="valueColors"
|
|
147
159
|
></ngx-deebodata>
|
|
148
160
|
```
|
|
@@ -176,7 +188,7 @@ columnStyles: ColumnStyles[] = [
|
|
|
176
188
|
|
|
177
189
|
```
|
|
178
190
|
<ngx-deebodata
|
|
179
|
-
[data]="
|
|
191
|
+
[data]="sampleData()"
|
|
180
192
|
[myColumnStyles]="columnStyles"
|
|
181
193
|
></ngx-deebodata>
|
|
182
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",
|