ngx-deebodata-community 0.0.1 → 0.0.3

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.
Files changed (2) hide show
  1. package/README.md +27 -21
  2. package/package.json +3 -2
package/README.md CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
  **In the .ts component you want to use the data grid in**
6
6
 
7
+ ```
7
8
  import { NgxDeebodataCommunity } from 'ngx-deebodata-community';
8
9
 
9
10
  @Component({
@@ -12,27 +13,26 @@ import { NgxDeebodataCommunity } from 'ngx-deebodata-community';
12
13
  templateUrl: './your-component.html',
13
14
  styleUrl: './your-component.css'
14
15
  })
15
-
16
+ ```
16
17
 
17
18
  **In the template of the component**
18
19
 
19
20
  ```
20
- @if(signalArrayOfObjects().length){<!--set signalArrayOfObjects ONCE per app lifecycle-->
21
- <ngx-deebodata-community
22
- [editable]="true"
23
- [rowNumbers]="true"
24
- [data]="signalArrayOfObjects()"
25
- [color1]="'navy'"
26
- [color2]="'lightblue'"
27
- [primaryKey]="'employee_id'"
28
- [defRowHgt]="'50px'"
29
- [defGridHgt]="500"
30
- [altRowColor]="'#ececec'"
31
- ></ngx-deebodata-community>
32
- }
21
+ <ngx-deebodata-community
22
+ [editable]="true"
23
+ [rowNumbers]="true"
24
+ [data]="signalArrayOfObjects()"
25
+ [color1]="'navy'"
26
+ [color2]="'lightblue'"
27
+ [primaryKey]="'employee_id'"
28
+ [defRowHgt]="'50px'"
29
+ [defGridHgt]="500"
30
+ [altRowColor]="'#ececec'"
31
+ ></ngx-deebodata-community>
33
32
  ```
34
33
 
35
- **Pass valid CSS or hex colors to color1, color2, & altRowColor**
34
+ **Pass valid CSS or hex colors to color1, color2, & altRowColor**
35
+
36
36
  **Always pass a px value to defRowHgt like '50px'.**
37
37
 
38
38
 
@@ -40,21 +40,23 @@ import { NgxDeebodataCommunity } from 'ngx-deebodata-community';
40
40
 
41
41
  - In the .ts component you want to use the data grid in
42
42
 
43
+ ```
43
44
  import { ColumnSymbol, NgxDeebodataCommunity } from 'ngx-deebodata-community';
45
+ ```
44
46
 
45
47
  - in the exported class
46
48
 
49
+ ```
47
50
  symbols: ColumnSymbol[] = [{ column: "salary", symbol: "$" }];
51
+ ```
48
52
 
49
53
  - In the template of the component
50
54
 
51
55
  ```
52
- @if(signalArrayOfObjects().length){<!--set signalArrayOfObjects ONCE per app lifecycle-->
53
- <ngx-deebodata-community
54
- [data]="signalArrayOfObjects()"
55
- [myColumnSymbols]="symbols"
56
- ></ngx-deebodata-community>
57
- }
56
+ <ngx-deebodata-community
57
+ [data]="signalArrayOfObjects()"
58
+ [myColumnSymbols]="symbols"
59
+ ></ngx-deebodata-community>
58
60
  ```
59
61
 
60
62
 
@@ -62,10 +64,13 @@ symbols: ColumnSymbol[] = [{ column: "salary", symbol: "$" }];
62
64
 
63
65
  - In the .ts component you want to use the data grid in
64
66
 
67
+ ```
65
68
  import { CellEdit, NgxDeebodataCommunity } from 'ngx-deebodata-community';
69
+ ```
66
70
 
67
71
  - in the exported class
68
72
 
73
+ ```
69
74
  handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
70
75
  /*CellEdit interface -> { value: any; row: any; column: string; }
71
76
  row will either be the index of the edited cell in the initial data set
@@ -73,6 +78,7 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
73
78
  primaryKey for the edited row*/
74
79
  // console.log(event)
75
80
  }
81
+ ```
76
82
 
77
83
  - In the template of the component
78
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-deebodata-community",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.2.0",
6
6
  "@angular/core": "^21.2.0",
@@ -22,5 +22,6 @@
22
22
  "default": "./fesm2022/ngx-deebodata-community.mjs"
23
23
  }
24
24
  },
25
- "type": "module"
25
+ "type": "module",
26
+ "keywords": ["data", "grid", "open-source", "datagrid"]
26
27
  }