@alaarab/ogrid-angular-material 2.5.7 → 2.5.8
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 +7 -2
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -368,6 +368,7 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
368
368
|
(contextmenu)="$event.preventDefault()"
|
|
369
369
|
[class.ogrid-datagrid-wrapper--overflow-x]="allowOverflowX()"
|
|
370
370
|
[attr.data-overflow-x]="allowOverflowX() ? 'true' : 'false'"
|
|
371
|
+
[attr.data-virtual-scroll]="vsEnabled() ? '' : null"
|
|
371
372
|
data-ogrid-scroll-container
|
|
372
373
|
>
|
|
373
374
|
<div class="ogrid-datagrid-scroll-wrapper">
|
|
@@ -715,12 +716,14 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
715
716
|
:host { display: block; }
|
|
716
717
|
.ogrid-datagrid-root { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
|
|
717
718
|
.ogrid-datagrid-wrapper {
|
|
718
|
-
position: relative;
|
|
719
|
+
position: relative; width: 100%; max-width: 100%;
|
|
719
720
|
overflow-x: hidden; overflow-y: auto; background: var(--ogrid-bg, #ffffff);
|
|
720
721
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
721
722
|
will-change: scroll-position; outline: none;
|
|
722
723
|
}
|
|
724
|
+
.ogrid-datagrid-wrapper[data-virtual-scroll] { flex: 1; min-height: 0; }
|
|
723
725
|
.ogrid-datagrid-wrapper [data-drag-range] { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }
|
|
726
|
+
.ogrid-datagrid-cell--active[data-drag-range] { outline: none; }
|
|
724
727
|
.ogrid-datagrid-wrapper--fit { width: fit-content; }
|
|
725
728
|
.ogrid-datagrid-wrapper--overflow-x { overflow-x: auto; }
|
|
726
729
|
.ogrid-datagrid-wrapper--loading-empty { min-height: 200px; }
|
|
@@ -729,6 +732,8 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
729
732
|
.ogrid-datagrid-table {
|
|
730
733
|
width: 100%; min-width: max-content; border-collapse: collapse; table-layout: fixed;
|
|
731
734
|
}
|
|
735
|
+
.ogrid-datagrid-table tr th:first-child,
|
|
736
|
+
.ogrid-datagrid-table tr td:first-child { border-left: none; }
|
|
732
737
|
.ogrid-datagrid-table tbody tr { height: var(--ogrid-row-height, auto); }
|
|
733
738
|
.ogrid-datagrid-thead {
|
|
734
739
|
z-index: 8; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
@@ -812,7 +817,7 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
812
817
|
.ogrid-editing-cell {
|
|
813
818
|
width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box;
|
|
814
819
|
outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;
|
|
815
|
-
z-index: 2; position: relative; background: var(--ogrid-bg, #fff); overflow:
|
|
820
|
+
z-index: 2; position: relative; background: var(--ogrid-bg, #fff); overflow: hidden; padding: 0;
|
|
816
821
|
}
|
|
817
822
|
.ogrid-datagrid-editor-input {
|
|
818
823
|
width: 100%; height: 100%; padding: 6px 10px; border: 2px solid var(--ogrid-selection-color, #217346);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-angular-material",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.8",
|
|
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",
|