@angular-bootstrap/ngbootstrap 2.0.2 → 2.1.0
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/CHANGELOG.md +26 -0
- package/README.md +25 -2
- package/RELEASE_NOTES.md +19 -10
- package/fesm2022/angular-bootstrap-ngbootstrap.mjs +1501 -251
- package/fesm2022/angular-bootstrap-ngbootstrap.mjs.map +1 -1
- package/package.json +6 -10
- package/types/angular-bootstrap-ngbootstrap.d.ts +429 -173
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.1.0 - 2026-07-25
|
|
4
|
+
|
|
5
|
+
### Added
|
|
6
|
+
|
|
7
|
+
- Added DataGrid grouping with `groupable`, `group`, `groupChange`, and grouped `dataStateChange` support for local or manual/server-driven workflows.
|
|
8
|
+
- Added group panel interactions so users can group by dragging column headers, reorder grouped fields, and remove active groups without duplicating descriptors.
|
|
9
|
+
- Added grouped rendering helpers for nested group headers, expand/collapse behavior, aggregates, custom group header/footer templates, and sticky group headers/footers.
|
|
10
|
+
- Added grouping-focused docs, API coverage, examples, and library tests for grouping, aggregates, templates, and sticky group overlays.
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- Updated DataGrid docs and package positioning to emphasize Angular UI for data-heavy apps, including DataGrid depth and Angular-native Form Builder workflows.
|
|
15
|
+
- Expanded the public package README and release notes to document grouping, aggregate templates, and dependency-free export defaults more clearly.
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
|
|
19
|
+
- Fixed grouped sorting and grouped render paths so sorting continues to work correctly across grouping examples and grouped datasets.
|
|
20
|
+
- Fixed several DataGrid behavior regressions surfaced during the docs pass, including in-cell editing activation, sticky column behavior, and column reordering/data alignment.
|
|
21
|
+
|
|
22
|
+
## 2.0.3 - 2026-07-05
|
|
23
|
+
|
|
24
|
+
### Fixed
|
|
25
|
+
|
|
26
|
+
- Replaced the default PDF export implementation with a dependency-free browser PDF writer so Angular apps do not need jsPDF optional HTML/canvas dependencies for basic table export.
|
|
27
|
+
- Removed `jspdf` and `jspdf-autotable` from optional peer dependencies.
|
|
28
|
+
|
|
3
29
|
## 2.0.2 - 2026-07-05
|
|
4
30
|
|
|
5
31
|
### Fixed
|
package/README.md
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
# @angular-bootstrap/ngbootstrap
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Angular UI for data-heavy apps, with a focus on DataGrid depth, Angular-native Form Builder workflows, and practical standalone components that fit naturally into Bootstrap-based Angular projects.
|
|
4
4
|
|
|
5
5
|
## What Is Included
|
|
6
6
|
|
|
7
7
|
- DataGrid
|
|
8
|
+
- DataGrid grouping, aggregates, and custom group templates
|
|
8
9
|
- Pagination
|
|
9
10
|
- Typeahead
|
|
10
11
|
- Tree
|
|
@@ -12,6 +13,13 @@ Standalone Angular UI components with Bootstrap-friendly styling.
|
|
|
12
13
|
- Stepper
|
|
13
14
|
- Chips
|
|
14
15
|
- Drag and drop
|
|
16
|
+
- Angular-native Form Builder workflows
|
|
17
|
+
|
|
18
|
+
## Positioning
|
|
19
|
+
|
|
20
|
+
This project is not affiliated with `ng-bootstrap` or `ngx-bootstrap`.
|
|
21
|
+
|
|
22
|
+
Those projects focus mainly on Bootstrap components for Angular. `@angular-bootstrap/ngbootstrap` focuses more on practical Angular UI for data-heavy apps, including DataGrid workflows, grouping, drag and drop, Form Builder scenarios, and documentation examples that map to real library APIs.
|
|
15
23
|
|
|
16
24
|
## Requirements
|
|
17
25
|
|
|
@@ -29,15 +37,21 @@ npm install @angular-bootstrap/ngbootstrap bootstrap bootstrap-icons
|
|
|
29
37
|
Optional integrations are installed only when you use those features:
|
|
30
38
|
|
|
31
39
|
```bash
|
|
32
|
-
npm install chart.js
|
|
40
|
+
npm install chart.js
|
|
33
41
|
```
|
|
34
42
|
|
|
43
|
+
PDF and Excel export are dependency-free by default.
|
|
44
|
+
|
|
35
45
|
Excel export is dependency-free by default. The built-in `BrowserExcelExportAdapter`
|
|
36
46
|
generates an Excel-compatible workbook in the browser and avoids unmaintained
|
|
37
47
|
spreadsheet writer dependencies. It is intended for visible column values and
|
|
38
48
|
basic scalar cell types; use a custom `ExcelExportAdapter` for formulas, charts,
|
|
39
49
|
multiple sheets, workbook styling, or other advanced workbook features.
|
|
40
50
|
|
|
51
|
+
The built-in PDF adapter generates a simple table PDF in the browser. Provide a custom
|
|
52
|
+
`PdfExportAdapter` when your product needs branded PDFs, images, charts, advanced layout,
|
|
53
|
+
rich typography, headers, footers, or more precise pagination.
|
|
54
|
+
|
|
41
55
|
## Use
|
|
42
56
|
|
|
43
57
|
Import standalone components directly in your Angular component.
|
|
@@ -56,6 +70,8 @@ import { NgbDatagridComponent, type ColumnDef } from '@angular-bootstrap/ngboots
|
|
|
56
70
|
[columns]="columns"
|
|
57
71
|
[enableSorting]="true"
|
|
58
72
|
filterable="row"
|
|
73
|
+
[groupable]="true"
|
|
74
|
+
[group]="[{ field: 'role', dir: 'asc' }]"
|
|
59
75
|
[enablePagination]="true"
|
|
60
76
|
[pageSize]="10"
|
|
61
77
|
/>
|
|
@@ -75,6 +91,13 @@ export class UsersGridComponent {
|
|
|
75
91
|
}
|
|
76
92
|
```
|
|
77
93
|
|
|
94
|
+
## DataGrid Highlights
|
|
95
|
+
|
|
96
|
+
- Sorting, filtering, pagination, editing, export, sticky rows and columns, and row detail workflows
|
|
97
|
+
- Grouping by one or more fields with grouped state events for local or server-driven data flows
|
|
98
|
+
- Custom group header/footer templates, aggregate output, and sticky group headers/footers
|
|
99
|
+
- Dependency-free PDF and Excel export defaults for common table export scenarios
|
|
100
|
+
|
|
78
101
|
## Development
|
|
79
102
|
|
|
80
103
|
```bash
|
package/RELEASE_NOTES.md
CHANGED
|
@@ -1,18 +1,27 @@
|
|
|
1
|
-
# @angular-bootstrap/ngbootstrap 2.0
|
|
1
|
+
# @angular-bootstrap/ngbootstrap 2.1.0
|
|
2
2
|
|
|
3
|
-
This
|
|
3
|
+
This release expands the DataGrid with first-class grouping support and rounds out several related grid behaviors and docs updates.
|
|
4
|
+
|
|
5
|
+
## Added
|
|
6
|
+
|
|
7
|
+
- DataGrid grouping with `groupable` and `group` inputs for single-field or multi-field grouping.
|
|
8
|
+
- `groupChange` and grouped `dataStateChange` payloads for manual or server-side grouping flows.
|
|
9
|
+
- Drag-to-group interactions, grouped rows, expand/collapse behavior, aggregate output, and custom group header/footer templates.
|
|
10
|
+
- Sticky group headers and sticky group footers for larger grouped datasets.
|
|
11
|
+
|
|
12
|
+
## Changed
|
|
13
|
+
|
|
14
|
+
- Docs, package copy, and examples now position ngbootstrap as Angular UI for data-heavy apps.
|
|
15
|
+
- Grouping examples now build on a shared realistic dataset and extend it across automatic grouping, manual grouping, aggregates, templates, and sticky group examples.
|
|
4
16
|
|
|
5
17
|
## Fixed
|
|
6
18
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
19
|
+
- Sorting continues to behave correctly in grouped scenarios.
|
|
20
|
+
- In-cell editing activation is more reliable.
|
|
21
|
+
- Sticky columns and column reordering behavior were corrected in the DataGrid docs and integration flow.
|
|
9
22
|
|
|
10
23
|
## Notes
|
|
11
24
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
```bash
|
|
15
|
-
npm install jspdf jspdf-autotable
|
|
16
|
-
```
|
|
25
|
+
PDF and Excel export remain dependency-free by default.
|
|
17
26
|
|
|
18
|
-
|
|
27
|
+
Use a custom `PdfExportAdapter` or `ExcelExportAdapter` when your product needs branded documents, advanced workbook generation, charts, images, or other highly customized export output.
|