Difference between slickgrid on Angular 1.5 and on Angular 2
PART 1 – CONFIGURE SLICKGRID
The Grid for Angular 2.0 looks like this:
Using components makes it possible to use the Grid without any difficult configuration. For Angular 2.0, you just embed the <slick-grid> (for 1.5, I defined <slick-Grid-
Then, use subscribing to the event.
In Angular 1.5:
Attribute on <slick-Grid-
In Angular 2/4:
You need to subscribe in the code to the "cellEditExit"
To display data in the Angular 2.0 grid, you should use an IGridDataRow array; each element has a "value" property and it should be an array (of strings or any other type). You might need to convert your objects-style data items to an array (with arrays in each value).
PART 2 – MAKE IT WORK WITH DIFFERENT BROWSERS
Tweak the js "Slick.Grid.js"
I hope this article gave you an overview of how the js-component of SlickGrid can be used in Angular 1.5 and how to use SlickGrid. It has already been adapted by the Microsoft package for Angular 2.0 in a component-style. While SlickGrid works in Chrome by default, minor adjustments were introduced to correctly display grids in Mozilla and Internet Explorer.
Visit us at https://diatomenterprises.com/