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 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 **http://localhost:4200/**
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-your-component',
27
+ selector: 'app-root',
20
28
  imports: [ NgxDeebodata ],
21
- templateUrl: './your-component.html',
22
- styleUrl: './your-component.css'
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]="signalArrayOfObjects()"
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]="signalArrayOfObjects()"
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]="signalArrayOfObjects()"
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]="signalArrayOfObjects()"
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]="signalArrayOfObjects()"
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.7",
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"
@@ -359,7 +359,7 @@ declare class NgxDeebodata {
359
359
  execSetters(): void;
360
360
  handleDataInput(): void;
361
361
  getAllColsAtRuntime(excludeHidden: any): string[];
362
- setMaxCols(): 2 | 3 | 5;
362
+ setMaxCols(): 5 | 2 | 3;
363
363
  getAllColWidth(colLen: any): number;
364
364
  removeAllFreezeCols(): void;
365
365
  setTableHeight(h: number): void;