@handsontable/angular 10.0.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/LICENSE.txt +28 -0
- package/README.md +143 -0
- package/bundles/handsontable-angular.umd.js +1552 -0
- package/bundles/handsontable-angular.umd.js.map +1 -0
- package/bundles/handsontable-angular.umd.min.js +34 -0
- package/bundles/handsontable-angular.umd.min.js.map +1 -0
- package/esm2015/handsontable-angular.js +10 -0
- package/esm2015/lib/hot-column.component.js +177 -0
- package/esm2015/lib/hot-settings-resolver.service.js +86 -0
- package/esm2015/lib/hot-table-registerer.service.js +45 -0
- package/esm2015/lib/hot-table.component.js +1090 -0
- package/esm2015/lib/hot-table.module.js +38 -0
- package/esm2015/public_api.js +14 -0
- package/esm5/handsontable-angular.js +10 -0
- package/esm5/lib/hot-column.component.js +185 -0
- package/esm5/lib/hot-settings-resolver.service.js +103 -0
- package/esm5/lib/hot-table-registerer.service.js +62 -0
- package/esm5/lib/hot-table.component.js +1124 -0
- package/esm5/lib/hot-table.module.js +45 -0
- package/esm5/public_api.js +14 -0
- package/fesm2015/handsontable-angular.js +1440 -0
- package/fesm2015/handsontable-angular.js.map +1 -0
- package/fesm5/handsontable-angular.js +1518 -0
- package/fesm5/handsontable-angular.js.map +1 -0
- package/handsontable-angular.d.ts +4 -0
- package/handsontable-angular.metadata.json +1 -0
- package/handsontable-general-terms.pdf +0 -0
- package/handsontable-non-commercial-license.pdf +0 -0
- package/lib/hot-column.component.d.ts +49 -0
- package/lib/hot-settings-resolver.service.d.ts +6 -0
- package/lib/hot-table-registerer.service.d.ts +7 -0
- package/lib/hot-table.component.d.ts +312 -0
- package/lib/hot-table.module.d.ts +5 -0
- package/package.json +1 -0
- package/public_api.d.ts +5 -0
package/LICENSE.txt
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
Copyright (c) HANDSONCODE sp. z o. o.
|
|
2
|
+
|
|
3
|
+
HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o.,
|
|
4
|
+
a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa,
|
|
5
|
+
registered with the National Court Register under number 538651,
|
|
6
|
+
EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
|
|
7
|
+
|
|
8
|
+
This software is protected by applicable copyright laws, including
|
|
9
|
+
international treaties, and dual-licensed – depending on whether
|
|
10
|
+
your use is intended for or may result in commercial advantage
|
|
11
|
+
or monetary compensation (commercial purposes), or not.
|
|
12
|
+
|
|
13
|
+
If your use involves only such purposes as research, private study,
|
|
14
|
+
evaluation and the like, you agree to be bound by the terms included
|
|
15
|
+
in the "handsontable-non-commercial-license.pdf" file, available
|
|
16
|
+
in the main directory of this software repository.
|
|
17
|
+
|
|
18
|
+
By installing, copying, or otherwise using this software for
|
|
19
|
+
commercial purposes, you agree to be bound by the terms included
|
|
20
|
+
in the "handsontable-general-terms.pdf" file, available in the main
|
|
21
|
+
directory of this software repository.
|
|
22
|
+
|
|
23
|
+
HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS,
|
|
24
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT
|
|
25
|
+
AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE
|
|
26
|
+
TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL,
|
|
27
|
+
INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING
|
|
28
|
+
FROM USE OR INABILITY TO USE THIS SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
<a href="https://handsontable.com" rel="nofollow"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-logo-blue.svg" alt="Handsontable - data grid for Angular" width="300"></a>
|
|
4
|
+
|
|
5
|
+
# Data Grid for Angular <img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/angular-icon.svg" width="22" height="22">
|
|
6
|
+
|
|
7
|
+
Handsontable's wrapper for Angular combines data grid features with spreadsheet-like UX. <br>
|
|
8
|
+
It provides data binding, data validation, filtering, sorting, and CRUD operations.
|
|
9
|
+
|
|
10
|
+
[](https://npmjs.com/package/@handsontable/angular)
|
|
11
|
+
[](https://npmjs.com/package/@handsontable/angular)
|
|
12
|
+
[](https://app.codeship.com/projects/26649)
|
|
13
|
+
[](https://app.fossa.io/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable?ref=badge_shield)
|
|
14
|
+
[](https://snyk.io/test/github/handsontable/handsontable?targetFile=package.json)
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
<a href="https://handsontable.com/examples"><img src="https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png" alt="Handsontable data grid for Angular" width="805"/></a>
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
## Features
|
|
23
|
+
|
|
24
|
+
The most popular features of Handsontable for Angular:
|
|
25
|
+
|
|
26
|
+
✓ Multiple column sorting <br>
|
|
27
|
+
✓ Non-contiguous selection <br>
|
|
28
|
+
✓ Filtering data <br>
|
|
29
|
+
✓ Export to file <br>
|
|
30
|
+
✓ Validating data <br>
|
|
31
|
+
✓ Conditional formatting <br>
|
|
32
|
+
✓ Merging cells <br>
|
|
33
|
+
✓ Freezing rows/columns <br>
|
|
34
|
+
✓ Moving rows/columns <br>
|
|
35
|
+
✓ Resizing rows/columns <br>
|
|
36
|
+
✓ Hiding rows/columns <br>
|
|
37
|
+
✓ Context menu <br>
|
|
38
|
+
✓ Comments <br>
|
|
39
|
+
|
|
40
|
+
## Documentation
|
|
41
|
+
|
|
42
|
+
- [Developer guides](https://handsontable.com/docs/frameworks-wrapper-for-angular-installation.html)
|
|
43
|
+
- [API Reference](https://handsontable.com/docs/Core.html)
|
|
44
|
+
- [Change log](https://handsontable.com/docs/tutorial-release-notes.html)
|
|
45
|
+
- [Demo](https://handsontable.com/examples)
|
|
46
|
+
|
|
47
|
+
<div id="installation"></div>
|
|
48
|
+
|
|
49
|
+
## Get Started
|
|
50
|
+
### Install with npm
|
|
51
|
+
|
|
52
|
+
Run the following command in your terminal
|
|
53
|
+
```
|
|
54
|
+
npm install handsontable @handsontable/angular
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
You can load it directly from [jsDelivr](https://jsdelivr.com/package/npm/@handsontable/angular) as well.
|
|
58
|
+
```html
|
|
59
|
+
<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>
|
|
60
|
+
<script src="https://cdn.jsdelivr.net/npm/@handsontable/angular/bundles/handsontable-angular.umd.min.js"></script>
|
|
61
|
+
|
|
62
|
+
<link href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" rel="stylesheet">
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
The component will be available as `Handsontable.angular.HotTable`.
|
|
66
|
+
|
|
67
|
+
### Usage
|
|
68
|
+
|
|
69
|
+
Use this data grid as you would any other component in your application. [Options](https://handsontable.com/docs/Options.html) can be set as `HotTable` props.
|
|
70
|
+
|
|
71
|
+
**Styles**
|
|
72
|
+
```css
|
|
73
|
+
@import '~handsontable/dist/handsontable.full.css';
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
**Angular Module**
|
|
77
|
+
```js
|
|
78
|
+
import { BrowserModule } from '@angular/platform-browser';
|
|
79
|
+
import { NgModule } from '@angular/core';
|
|
80
|
+
import { AppComponent } from './app.component';
|
|
81
|
+
import { HotTableModule } from '@handsontable/angular';
|
|
82
|
+
|
|
83
|
+
@NgModule({
|
|
84
|
+
imports: [
|
|
85
|
+
BrowserModule,
|
|
86
|
+
HotTableModule.forRoot()
|
|
87
|
+
],
|
|
88
|
+
declarations: [ AppComponent ],
|
|
89
|
+
bootstrap: [ AppComponent ],
|
|
90
|
+
})
|
|
91
|
+
export class AppModule { }
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
**Angular Component**
|
|
95
|
+
```js
|
|
96
|
+
import { Component } from '@angular/core';
|
|
97
|
+
|
|
98
|
+
@Component({
|
|
99
|
+
selector: 'my-app',
|
|
100
|
+
templateUrl: './app.component.html',
|
|
101
|
+
styleUrls: [ './app.component.css' ],
|
|
102
|
+
})
|
|
103
|
+
export class AppComponent {
|
|
104
|
+
data: any[] = [
|
|
105
|
+
['', 'Tesla', 'Mercedes', 'Toyota', 'Volvo'],
|
|
106
|
+
['2019', 10, 11, 12, 13],
|
|
107
|
+
['2020', 20, 11, 14, 13],
|
|
108
|
+
['2021', 30, 15, 12, 13]
|
|
109
|
+
],
|
|
110
|
+
}
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
**Template**
|
|
114
|
+
|
|
115
|
+
```html
|
|
116
|
+
<hot-table [data]="data" [colHeaders]="true" [rowHeaders]="true" [width]="600" [height]="300"></hot-table>
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
### [View live demo](https://handsontable.com/docs/frameworks-wrapper-for-angular-simple-example.html)
|
|
120
|
+
|
|
121
|
+
## Support
|
|
122
|
+
|
|
123
|
+
We provide support for developers working with commercial version via [contact form](https://handsontable.com/contact?category=technical_support)</a> or at support@handsontable.com.
|
|
124
|
+
|
|
125
|
+
If you use a non-commercial version then please ask your tagged question on [StackOverflow](https://stackoverflow.com/questions/tagged/handsontable).
|
|
126
|
+
|
|
127
|
+
## License
|
|
128
|
+
|
|
129
|
+
Handsontable is a commercial software with two licenses available:
|
|
130
|
+
|
|
131
|
+
- Free for non-commercial purposes such as teaching, academic research, and evaluation. [Read it here](https://github.com/handsontable/handsontable/blob/master/handsontable-non-commercial-license.pdf).
|
|
132
|
+
- Commercial license with support and maintenance included. See [pricing plans](https://handsontable.com/pricing).
|
|
133
|
+
|
|
134
|
+
## License key
|
|
135
|
+
|
|
136
|
+
If you use Handsontable for Angular in a project that supports your commercial activity, then you must purchase the license key at [handsontable.com](https://handsontable.com/pricing).
|
|
137
|
+
|
|
138
|
+
If you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/tutorial-license-key.html).
|
|
139
|
+
|
|
140
|
+
<br>
|
|
141
|
+
<br>
|
|
142
|
+
|
|
143
|
+
Proudly created and maintained by the [Handsontable Team](https://handsontable.com/team).
|