@alaarab/ogrid-angular-material 2.1.11 → 2.1.12
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/dist/esm/index.js +6 -5
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -554,12 +554,13 @@ DataGridTableComponent = __decorateClass([
|
|
|
554
554
|
(keydown)="onGridKeyDown($event)"
|
|
555
555
|
(scroll)="onWrapperScroll($event)"
|
|
556
556
|
(contextmenu)="$event.preventDefault()"
|
|
557
|
-
[
|
|
557
|
+
[class.ogrid-datagrid-wrapper--overflow-x]="allowOverflowX()"
|
|
558
|
+
[attr.data-overflow-x]="allowOverflowX() ? 'true' : 'false'"
|
|
558
559
|
>
|
|
559
560
|
<div class="ogrid-datagrid-scroll-wrapper">
|
|
560
|
-
<div style="
|
|
561
|
+
<div [style.minWidth.px]="allowOverflowX() ? minTableWidth() : undefined">
|
|
561
562
|
<div [class.ogrid-datagrid-table-wrapper--loading]="isLoading() && items().length > 0" #tableContainerElRef>
|
|
562
|
-
<table class="ogrid-datagrid-table" role="grid"
|
|
563
|
+
<table class="ogrid-datagrid-table" role="grid" [style.minWidth.px]="minTableWidth()"
|
|
563
564
|
>
|
|
564
565
|
<thead [class]="stickyHeader() ? 'ogrid-datagrid-thead ogrid-sticky-header' : 'ogrid-datagrid-thead'">
|
|
565
566
|
@for (row of headerRows(); track $index; let rowIdx = $index) {
|
|
@@ -859,13 +860,13 @@ DataGridTableComponent = __decorateClass([
|
|
|
859
860
|
.ogrid-datagrid-root { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
|
|
860
861
|
.ogrid-datagrid-wrapper {
|
|
861
862
|
position: relative; flex: 1; min-height: 0; width: 100%; max-width: 100%;
|
|
862
|
-
overflow-x:
|
|
863
|
+
overflow-x: hidden; overflow-y: auto; background: var(--ogrid-bg, #ffffff);
|
|
863
864
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
864
865
|
will-change: scroll-position; outline: none;
|
|
865
866
|
}
|
|
866
|
-
.ogrid-datagrid-wrapper[data-suppress-scroll='true'] { overflow-x: hidden; }
|
|
867
867
|
.ogrid-datagrid-wrapper [data-drag-range] { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }
|
|
868
868
|
.ogrid-datagrid-wrapper--fit { width: fit-content; }
|
|
869
|
+
.ogrid-datagrid-wrapper--overflow-x { overflow-x: auto; }
|
|
869
870
|
.ogrid-datagrid-wrapper--loading-empty { min-height: 200px; }
|
|
870
871
|
.ogrid-datagrid-scroll-wrapper { display: flex; flex-direction: column; min-height: 100%; }
|
|
871
872
|
.ogrid-datagrid-table-wrapper--loading { position: relative; opacity: 0.6; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-angular-material",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.12",
|
|
4
4
|
"description": "OGrid Angular Material – MatTable-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"node": ">=18"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@alaarab/ogrid-angular": "2.1.
|
|
40
|
+
"@alaarab/ogrid-angular": "2.1.12"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@angular/cdk": "^21.0.0",
|