Ignite UI for Angular 7.3.0 Release

Slav Karaslavov / Monday, May 13, 2019

With the 7.3.0 we release we are introducing some new and interesting features that will allow our user to expand the usability of the igxGrid. The two major things we are introducing are the Multi Row Layout and the Row Dragging feature.

Multi Row Layout

Multi-row layouts allow developers to create intricate cell arrangements within the same row by defining a template layout that is applied to header and body cells. This provides flexibility of the arrangement and makes it possible to create responsive web apps where grids would adapt and avoid horizontalcoo scrolling when the available space becomes too narrow

The igxGridComponent now supports Multi Row Layout It which can be configured with the newly added IgxColumnLayoutComponent and the columns in it. IgxColumnComponent now expose four new fields to determine the size and the location of the field into the layout:

  • rowStart
  • colStart
  • rowEnd
  • colEnd
 
 
Row Dragging 

The Drag and Drop allows users to Row drag and pass the data of a grid record on to another surface, which has been configured to process/render this data in a particular way. This is a very useful feature in cases when we have two or more Grids and we won’t to move the row date from one grid to the other. For more details on the feature visit the WIKI pages n Github or the samples on the website (Link)

Additional Enhancements 

There are also a couple of new enhancements to our already released features like igxTreeGird now support load children on demand  and haschildrenkeys input properties.

The IgxListComponent now provides the ability to choose a display density from a predefined set of options: compact, cosy and comfortable (default one). It can be set by using the displayDensity input of the list.

The igxButton now provides the ability to choose a display density from a predefined set of options: compact, cosy and comfortable (default one). It can be set by using the displayDensity input of the button directive.

The Excel Style Filter dialog and its sub-dialogs now have a display density based on the displayDensityinput of their respective grid; the igxDropDown now supports virtualized items. 

Check out our RoadMap and give a star to our Github repo to stay tuned.