ngx-deebodata 0.3.7 → 0.3.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
|
@@ -60,6 +60,26 @@ export class App {
|
|
|
60
60
|
></ngx-deebodata>
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
+
**Component Input API**
|
|
64
|
+
|
|
65
|
+
| Input | Type | Default | Description
|
|
66
|
+
|----------|----------|----------|----------|
|
|
67
|
+
| `editable` | `boolean` | `true` | Allows cells to be edited |
|
|
68
|
+
| `rowNumbers` | `boolean` | `true` | Show row numbers on left hand side of grid |
|
|
69
|
+
| `data` | `signal<any[]>` | `[]` | signal Array of objects to display |
|
|
70
|
+
| `color1` | `string` | `""` | Theme color 1 (css, hex, rgb) |
|
|
71
|
+
| `color2` | `string` | `""` | Theme color 2 (css, hex, rgb) |
|
|
72
|
+
| `primaryKey` | `string` | `""` | primary key of your data set, helps performance to add it |
|
|
73
|
+
| `defRowHgt` | `string` | `50px` | default row height (px) |
|
|
74
|
+
| `defGridHgt` | `number` | `500` | default grid height in px |
|
|
75
|
+
| `licenseKey` | `string` | `""` | License key for non localhost deployment |
|
|
76
|
+
| `pieGraphColors` | `string[]` | `[]` | list of colors for pie graph sections if applicable (css, hex, rgb) |
|
|
77
|
+
| `removePieCovers` | `boolean` \| `string[]` | `false` | false removes all pie graph covers, a list of string column names removes only those columns' covers |
|
|
78
|
+
| `altRowColor` | `string` | `""` | alternate row color (css, hex, rgb) |
|
|
79
|
+
| `myColumnStyles` | `ColumnStyles[]` | `[]` | pass css styles to specific values in a column |
|
|
80
|
+
| `myColumnValueColors` | `ColumnValueColors[]` | `[]` | assign a color to a value in pie, line, and bar graphs |
|
|
81
|
+
| `forceGrouping` | `string[]` | `[]` | array of column names to force grouping - gives dropdown filter & pie graphs for the column |
|
|
82
|
+
|
|
63
83
|
It's best to pass hex or rgb colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too
|
|
64
84
|
|
|
65
85
|
Always pass a **px** string value to defRowHgt like '50px'
|
|
@@ -2494,6 +2494,11 @@ class RowGroupPanel {
|
|
|
2494
2494
|
this.openEvt.emit("row-group-panel-" + this.elifyGrouping);
|
|
2495
2495
|
timer(0).subscribe(() => {
|
|
2496
2496
|
this.setTblBot();
|
|
2497
|
+
const pEl = this.panelDataGrid?.nativeElement;
|
|
2498
|
+
if (pEl) {
|
|
2499
|
+
pEl.scrollBy(1, 1);
|
|
2500
|
+
pEl.scrollBy(0, -1);
|
|
2501
|
+
}
|
|
2497
2502
|
this.setRowNumPlacement();
|
|
2498
2503
|
this._cd.detectChanges();
|
|
2499
2504
|
});
|
|
@@ -2855,7 +2860,7 @@ class RowGroupPanel {
|
|
|
2855
2860
|
const doRows = force || (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0;
|
|
2856
2861
|
const bel = this.belowArea.nativeElement;
|
|
2857
2862
|
const bbds = bel.getBoundingClientRect();
|
|
2858
|
-
const btop = bbds.top;
|
|
2863
|
+
const btop = bbds.top - gap;
|
|
2859
2864
|
const defNum = this.dataTableService.defltRHgtNum;
|
|
2860
2865
|
let z = this.lastElRowIndex + 1;
|
|
2861
2866
|
let bhToSub = 0;
|
|
@@ -2913,7 +2918,7 @@ class RowGroupPanel {
|
|
|
2913
2918
|
let rows = [];
|
|
2914
2919
|
const ael = this.aboveArea.nativeElement;
|
|
2915
2920
|
const abds = ael.getBoundingClientRect();
|
|
2916
|
-
const rbot = abds.bottom;
|
|
2921
|
+
const rbot = abds.bottom + gap;
|
|
2917
2922
|
const maxRows = this.rows.length;
|
|
2918
2923
|
const defNum = this.dataTableService.defltRHgtNum;
|
|
2919
2924
|
let z = (this.lastElRowIndex - maxRows);
|
|
@@ -6307,7 +6312,7 @@ class NgxDeebodata {
|
|
|
6307
6312
|
const doRows = force || (!this.isScrolling && (gap == 0 || !this.dataTableService.mouseIsDown)) || currTop % this.doRowsMod === 0 || this.belowHgt() === 0;
|
|
6308
6313
|
const bel = this.belowArea.nativeElement;
|
|
6309
6314
|
const bbds = bel.getBoundingClientRect();
|
|
6310
|
-
const btop = bbds.top;
|
|
6315
|
+
const btop = bbds.top - gap;
|
|
6311
6316
|
const defNum = this.dataTableService.defltRHgtNum;
|
|
6312
6317
|
let z = this.lastElRowIndex + 1;
|
|
6313
6318
|
let bhToSub = 0;
|
|
@@ -6363,7 +6368,7 @@ class NgxDeebodata {
|
|
|
6363
6368
|
let rows = [];
|
|
6364
6369
|
const ael = this.aboveArea.nativeElement;
|
|
6365
6370
|
const abds = ael.getBoundingClientRect();
|
|
6366
|
-
const rbot = abds.bottom;
|
|
6371
|
+
const rbot = abds.bottom + gap;
|
|
6367
6372
|
const maxRows = this.rows.length;
|
|
6368
6373
|
const defNum = this.dataTableService.defltRHgtNum;
|
|
6369
6374
|
let z = (this.lastElRowIndex - maxRows);
|