@simple-table/angular 3.0.7 → 3.0.10
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
|
@@ -2,11 +2,29 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@simple-table/angular)
|
|
4
4
|
[](https://www.npmjs.com/package/@simple-table/angular)
|
|
5
|
+
[](https://github.com/petera2c/simple-table)
|
|
5
6
|
[](LICENSE)
|
|
6
7
|
|
|
7
|
-
Angular
|
|
8
|
+
**Simple Table** is the Angular data grid and Angular table component for modern apps: standalone components, templates, Ivy-friendly bundles, and full Angular component support for cell renderers, headers, and footers. It is a **lightweight**, **high-performance** data grid with a **simple API**, **completely free features** for qualifying use, and first-class TypeScript typings for Angular 17+ projects.
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
<div align="center">
|
|
11
|
+
<img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/infrastructure-light.png?raw=true" alt="Simple Table Infrastructure Dashboard" width="800" />
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
## Framework Support
|
|
15
|
+
|
|
16
|
+
Simple Table is available for the most popular frameworks:
|
|
17
|
+
|
|
18
|
+
| Framework | Package | Version |
|
|
19
|
+
|-----------|---------|---------|
|
|
20
|
+
| **Vanilla JS** | [`simple-table-core`](https://www.npmjs.com/package/simple-table-core) | [](https://www.npmjs.com/package/simple-table-core) |
|
|
21
|
+
| **React** | [`@simple-table/react`](https://www.npmjs.com/package/@simple-table/react) | [](https://www.npmjs.com/package/@simple-table/react) |
|
|
22
|
+
| **Vue 3** | [`@simple-table/vue`](https://www.npmjs.com/package/@simple-table/vue) | [](https://www.npmjs.com/package/@simple-table/vue) |
|
|
23
|
+
| **Svelte** | [`@simple-table/svelte`](https://www.npmjs.com/package/@simple-table/svelte) | [](https://www.npmjs.com/package/@simple-table/svelte) |
|
|
24
|
+
| **Solid** | [`@simple-table/solid`](https://www.npmjs.com/package/@simple-table/solid) | [](https://www.npmjs.com/package/@simple-table/solid) |
|
|
25
|
+
| **Angular** | [`@simple-table/angular`](https://www.npmjs.com/package/@simple-table/angular) | [](https://www.npmjs.com/package/@simple-table/angular) |
|
|
26
|
+
|
|
27
|
+
## Quick Start
|
|
10
28
|
|
|
11
29
|
```bash
|
|
12
30
|
npm install @simple-table/angular
|
|
@@ -14,24 +32,133 @@ npm install @simple-table/angular
|
|
|
14
32
|
|
|
15
33
|
**Peer dependencies:** `@angular/core >=17.0.0 <22.0.0`, `@angular/common >=17.0.0 <22.0.0`
|
|
16
34
|
|
|
17
|
-
|
|
35
|
+
**[Follow our Quick Start Guide](https://www.simple-table.com/docs/quick-start)** for step-by-step instructions and live examples.
|
|
36
|
+
|
|
37
|
+
## Building with Angular
|
|
18
38
|
|
|
19
39
|
- Standalone `SimpleTableComponent` with the `<simple-table>` selector
|
|
20
40
|
- Use Angular components for cell renderers, header renderers, footer renderers, and more
|
|
21
41
|
- Access the imperative `TableAPI` via `(tableReady)` output or `@ViewChild` for sorting, filtering, pagination, export, and more
|
|
22
|
-
-
|
|
42
|
+
- Types and APIs are exported from this package
|
|
43
|
+
|
|
44
|
+
## Features
|
|
45
|
+
|
|
46
|
+
### Column Features
|
|
47
|
+
|
|
48
|
+
- **[Column Sorting](https://www.simple-table.com/docs/column-sorting)** - Sort data by any column with single or multi-column support
|
|
49
|
+
- **[Column Filtering](https://www.simple-table.com/docs/column-filtering)** - Filter data with built-in text, number, and date filters
|
|
50
|
+
- **[Column Resizing](https://www.simple-table.com/docs/column-resizing)** - Drag column borders to resize on the fly
|
|
51
|
+
- **[Column Pinning](https://www.simple-table.com/docs/column-pinning)** - Pin important columns to the left or right
|
|
52
|
+
- **[Column Reordering](https://www.simple-table.com/docs/column-reordering)** - Drag and drop columns to rearrange
|
|
53
|
+
- **[Column Visibility](https://www.simple-table.com/docs/column-visibility)** - Show or hide columns dynamically
|
|
54
|
+
- **[Column Alignment](https://www.simple-table.com/docs/column-alignment)** - Align content left, center, or right
|
|
55
|
+
- **[Column Selection](https://www.simple-table.com/docs/column-selection)** - Select entire columns for bulk operations
|
|
56
|
+
- **[Column Editing](https://www.simple-table.com/docs/column-editing)** - Edit entire columns with custom editors
|
|
57
|
+
- **[Nested Headers](https://www.simple-table.com/docs/nested-headers)** - Create multi-level header hierarchies
|
|
58
|
+
- **[Collapsible Columns](https://www.simple-table.com/docs/collapsible-columns)** - Expand and collapse column groups
|
|
59
|
+
|
|
60
|
+
### Row Features
|
|
61
|
+
|
|
62
|
+
- **[Row Selection](https://www.simple-table.com/docs/row-selection)** - Select single or multiple rows with checkboxes
|
|
63
|
+
- **[Row Grouping](https://www.simple-table.com/docs/row-grouping)** - Group and organize rows by any column
|
|
64
|
+
- **[Aggregate Functions](https://www.simple-table.com/docs/aggregate-functions)** - Calculate Sum, Average, Count, and more
|
|
65
|
+
- **[Row Height](https://www.simple-table.com/docs/row-height)** - Customize row height for optimal display
|
|
66
|
+
|
|
67
|
+
### Cell Features
|
|
68
|
+
|
|
69
|
+
- **[Cell Editing](https://www.simple-table.com/docs/cell-editing)** - Edit cells inline with custom editors
|
|
70
|
+
- **[Cell Highlighting](https://www.simple-table.com/docs/cell-highlighting)** - Highlight cells based on conditions
|
|
71
|
+
- **[Cell Renderer](https://www.simple-table.com/docs/cell-renderer)** - Custom cell rendering for any data type
|
|
72
|
+
- **[Cell Clicking](https://www.simple-table.com/docs/cell-clicking)** - Handle cell click events with ease
|
|
73
|
+
|
|
74
|
+
### Advanced Features
|
|
75
|
+
|
|
76
|
+
- **[Pagination](https://www.simple-table.com/docs/pagination)** - Server-side and client-side pagination support
|
|
77
|
+
- **[Infinite Scroll](https://www.simple-table.com/docs/infinite-scroll)** - Fetch and display data as you scroll
|
|
78
|
+
- **[Live Updates](https://www.simple-table.com/docs/live-updates)** - Real-time data updates and websocket integration
|
|
79
|
+
- **[Header Renderer](https://www.simple-table.com/docs/header-renderer)** - Custom header rendering for advanced layouts
|
|
80
|
+
|
|
81
|
+
### Customization
|
|
82
|
+
|
|
83
|
+
- **[Themes](https://www.simple-table.com/docs/themes)** - Apply built-in themes or create your own
|
|
84
|
+
- **[Custom Icons](https://www.simple-table.com/docs/custom-icons)** - Replace default icons with your own
|
|
85
|
+
|
|
86
|
+
## Examples
|
|
87
|
+
|
|
88
|
+
See Simple Table in action across different industries:
|
|
89
|
+
|
|
90
|
+
<div align="center">
|
|
91
|
+
|
|
92
|
+
**[CRM Leads](https://www.simple-table.com/examples/crm)**
|
|
93
|
+
|
|
94
|
+
<br />
|
|
95
|
+
<br />
|
|
96
|
+
|
|
97
|
+
[<img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/crm-light.png?raw=true" alt="CRM Leads" width="800">](https://www.simple-table.com/examples/crm)
|
|
98
|
+
|
|
99
|
+
**[Infrastructure](https://www.simple-table.com/examples/infrastructure)**
|
|
23
100
|
|
|
24
|
-
|
|
101
|
+
[<img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/infrastructure-light.png?raw=true" alt="Infrastructure Dashboard" width="800">](https://www.simple-table.com/examples/infrastructure)
|
|
25
102
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
103
|
+
<br />
|
|
104
|
+
<br />
|
|
105
|
+
|
|
106
|
+
**[HR Dashboard](https://www.simple-table.com/examples/hr)**
|
|
107
|
+
|
|
108
|
+
[<img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/HR-dark.png?raw=true" alt="HR Dashboard" width="800">](https://www.simple-table.com/examples/hr)
|
|
109
|
+
|
|
110
|
+
<br />
|
|
111
|
+
<br />
|
|
112
|
+
|
|
113
|
+
**[Manufacturing](https://www.simple-table.com/examples/manufacturing)**
|
|
114
|
+
|
|
115
|
+
[<img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/manufacturing-light.png?raw=true" alt="Manufacturing Dashboard" width="800">](https://www.simple-table.com/examples/manufacturing)
|
|
116
|
+
|
|
117
|
+
</div>
|
|
118
|
+
|
|
119
|
+
## Resources
|
|
120
|
+
|
|
121
|
+
- **Website**: [simple-table.com](https://www.simple-table.com/)
|
|
122
|
+
- **Documentation**: [Complete Documentation](https://www.simple-table.com/docs/installation)
|
|
123
|
+
|
|
124
|
+
## Pricing
|
|
125
|
+
|
|
126
|
+
Simple, transparent pricing that never changes based on your revenue or team size:
|
|
127
|
+
|
|
128
|
+
### FREE - For Individuals & Startups
|
|
129
|
+
|
|
130
|
+
**$0/forever**
|
|
131
|
+
|
|
132
|
+
For side projects and pre-revenue teams. Unlimited users per product license with full access to all core features, built-in themes, TypeScript support, and the MIT License for **zero-revenue** companies only. If your company generates revenue, use Pro or Enterprise.
|
|
133
|
+
|
|
134
|
+
### PRO - For Growing Businesses
|
|
135
|
+
|
|
136
|
+
**$85/month** or **$850/year** (about 17% less than twelve monthly payments)
|
|
137
|
+
|
|
138
|
+
For revenue-generating companies: priority email and Discord support, bug support for production issues, and the commercial EULA. Unlimited users per product license.
|
|
139
|
+
|
|
140
|
+
### ENTERPRISE - For teams that need hands-on support
|
|
141
|
+
|
|
142
|
+
**$350/month** or **$3,500/year** (about 17% less than twelve monthly payments)
|
|
143
|
+
|
|
144
|
+
Premium support with faster response times, direct access to core developers, feature request prioritization, and the commercial EULA. Unlimited users per product license.
|
|
145
|
+
|
|
146
|
+
**[View Detailed Pricing](https://www.simple-table.com/pricing)**
|
|
29
147
|
|
|
30
148
|
## Community & Support
|
|
31
149
|
|
|
150
|
+
Join our growing community to ask questions or share feedback:
|
|
151
|
+
|
|
32
152
|
- **Discord**: [Join us on Discord](https://discord.gg/RvKHCfg3PC)
|
|
33
153
|
- **GitHub**: [Report bugs or suggest features](https://github.com/petera2c/simple-table/issues)
|
|
34
154
|
|
|
35
155
|
## License
|
|
36
156
|
|
|
37
|
-
Dual
|
|
157
|
+
**Dual Licensed:**
|
|
158
|
+
|
|
159
|
+
- **Free Tier**: MIT License for zero-revenue individuals, startups, and organizations — see [LICENSE](LICENSE)
|
|
160
|
+
- **Pro and Enterprise**: Commercial EULA for revenue-generating companies — see [EULA.txt](../core/EULA.txt)
|
|
161
|
+
|
|
162
|
+
By using Simple Table, you agree to the terms in [EULA.txt](../core/EULA.txt) where applicable.
|
|
163
|
+
|
|
164
|
+
**[View Detailed Pricing & Licensing](https://www.simple-table.com/pricing)**
|
|
@@ -22,6 +22,8 @@ export interface TableAPIContext {
|
|
|
22
22
|
expandedRows: Map<string, number>;
|
|
23
23
|
collapsedRows: Map<string, number>;
|
|
24
24
|
expandedDepths: Set<number>;
|
|
25
|
+
clearExpandedRows: () => void;
|
|
26
|
+
clearCollapsedRows: () => void;
|
|
25
27
|
rowStateMap: Map<string | number, RowState>;
|
|
26
28
|
headerRegistry: Map<string, any>;
|
|
27
29
|
cellRegistry?: Map<string, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simple-table/angular",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.10",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
6
|
"types": "dist/types/angular/src/index.d.ts",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"tslib": "^2.8.1",
|
|
33
|
-
"simple-table-core": "3.0.
|
|
33
|
+
"simple-table-core": "3.0.10"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@angular/common": "^20.0.0",
|