![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@handsontable/angular
Advanced tools
Changelog
[14.4.0] - 2024-06-11
manualRowResize
plugin with a method to retrieve the row height value from the last manual adjustment attempt. #10941dataDotNotation
option which, when set as false
allows using object keys with dots. #10973rollup
version between the wrappers and updated the rollup
plugin dependencies. #10962Ctrl/Cmd
+ Enter
keyboard shortcut for comments. #10920imeFastEdit
option being reset after updateSettings
call #10933stretchH: 'all'
option. #10954updateSettings
method call. #10955time
column type. #10956correctFormat
usage. #10957GhostTable
. #10961setDataAtRowProp
error when saving data into a trimmed-out column. #10964namedExpressions
. #10986getShortcuts
method. #10910For more information on Handsontable 14.4.0, see:
Readme
Handsontable's wrapper for Angular combines data grid features with spreadsheet-like UX.
It provides data binding, data validation, filtering, sorting, and CRUD operations.
The most popular features of Handsontable for Angular:
✓ Multiple column sorting
✓ Non-contiguous selection
✓ Filtering data
✓ Export to file
✓ Validating data
✓ Conditional formatting
✓ Merging cells
✓ Freezing rows/columns
✓ Moving rows/columns
✓ Resizing rows/columns
✓ Hiding rows/columns
✓ Context menu
✓ Comments
Run the following command in your terminal
npm install handsontable @handsontable/angular
You can load it directly from jsDelivr as well.
<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@handsontable/angular/bundles/handsontable-angular.umd.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" rel="stylesheet">
The component will be available as Handsontable.angular.HotTable
.
Use this data grid as you would any other component in your application. Options can be set as HotTable
props.
Styles
@import '~handsontable/dist/handsontable.full.css';
Angular Module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HotTableModule } from '@handsontable/angular';
@NgModule({
imports: [
BrowserModule,
HotTableModule.forRoot()
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
})
export class AppModule { }
Angular Component
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ],
})
export class AppComponent {
data: any[] = [
['', 'Tesla', 'Mercedes', 'Toyota', 'Volvo'],
['2019', 10, 11, 12, 13],
['2020', 20, 11, 14, 13],
['2021', 30, 15, 12, 13]
],
}
Template
<hot-table [data]="data" [colHeaders]="true" [rowHeaders]="true" [width]="600" [height]="300"></hot-table>
We provide support for developers working with commercial version via contact form or at support@handsontable.com.
If you use a non-commercial version then please ask your tagged question on StackOverflow.
Handsontable is a commercial software with two licenses available:
If you use Handsontable for Angular in a project that supports your commercial activity, then you must purchase the license key at handsontable.com.
If you use the free for non-commercial license of Handsontable, then pass the phrase 'non-commercial-and-evaluation'
, as described in this documentation.
Proudly created and maintained by the Handsontable Team.
FAQs
Best Data Grid for Angular with Spreadsheet Look and Feel.
The npm package @handsontable/angular receives a total of 9,159 weekly downloads. As such, @handsontable/angular popularity was classified as popular.
We found that @handsontable/angular demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.