@reforgium/data-grid 1.0.2 → 1.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.
package/README.md
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
# @reforgium/data-grid
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@reforgium/data-grid)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
5
|
+
|
|
3
6
|
**High-performance data grid for Angular (20+).**
|
|
4
7
|
|
|
5
8
|
`@reforgium/data-grid` provides a flexible and performant component for displaying large tabular datasets.
|
|
@@ -82,10 +85,10 @@ export class SomeComponent {}
|
|
|
82
85
|
|
|
83
86
|
| Directive | Parameters | Description |
|
|
84
87
|
|--------------------|--------------------|----------------------------------------|
|
|
85
|
-
|
|
|
86
|
-
|
|
|
87
|
-
|
|
|
88
|
-
|
|
|
88
|
+
| reDataGridHeader | value: string | Column header template |
|
|
89
|
+
| reDataGridTypeCell | value: any, row: T | Cell template for specific column type |
|
|
90
|
+
| reDataGridEmpty | - | Empty state template |
|
|
91
|
+
| reDataGridLoading | - | Loading state template |
|
|
89
92
|
|
|
90
93
|
|
|
91
94
|
### CSS Variables
|
|
@@ -192,14 +195,14 @@ Compact Mode Example:
|
|
|
192
195
|
|
|
193
196
|
Cell Template by Type
|
|
194
197
|
```html
|
|
195
|
-
<ng-template
|
|
198
|
+
<ng-template reDataGridTypeCell type="link" let-value let-row="row">
|
|
196
199
|
<a [href]="value" target="_blank">{{ value }}</a>
|
|
197
200
|
</ng-template>
|
|
198
201
|
```
|
|
199
202
|
|
|
200
203
|
Custom Header Template:
|
|
201
204
|
```html
|
|
202
|
-
<ng-template
|
|
205
|
+
<ng-template reDataGridHeader key="name" let-value>
|
|
203
206
|
<span class="header-with-icon">
|
|
204
207
|
<re-icon name="user"></re-icon>
|
|
205
208
|
{{ value }}
|