New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.

    It can be enabled on the individual columns:

    <igx-column field="field" [merge]="true"></igx-column>

    The merging can be configured on the grid level to apply either:

    • onSort - only when the column is sorted.
    • always - always, regardless of data operations.

    <igx-grid [cellMergeMode]="'always'">
    </igx-grid>

    The default cellMergeMode is onSort.

    The functionality can be modified by setting a custom mergeStrategy on the grid, in case some other merge conditions or logic is needed for a custom scenario.

    It's possible also to set a mergeComparer on the individual columns, in case some custom handling is needed for a particular data field.

  • Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the pinningPosition property on the column:

    <igx-column [field]="'Col1'" [pinned]='true' [pinningPosition]='pinningPosition'>
    </igx-column>

    public pinningPosition = ColumnPinningPosition.End;

    Or with the API, via optional parameter:

    grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
    grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);

    If property pinningPosition is not set on a column, the column will default to the position specified on the grid's pinning options for columns.

• IgxCarousel

  • Added select method overload accepting index.

  this.carousel.select(2, Direction.NEXT);

• IgxDateRangePicker

  • Now has a complete set of properties to customize the calendar:

    • headerOrientation
    • orientation
    • hideHeader
    • activeDate
    • disabledDates
    • specialDates

  • As well as the following templates, available to customize the contents of the calendar header in dialog mode:

    • igxCalendarHeader
    • igxCalendarHeaderTitle
    • igxCalendarSubheader

  • Added new properties:

    • usePredefinedRanges - Whether to render built-in predefined ranges
    • customRanges - Allows the user to provide custom ranges rendered as chips
    • resourceStrings - Allows the user to provide set of resource strings

  • Behavioral Changes

    • Added cancel button to the dialog, allowing the user to cancel the selection.
    • The calendar is displayed with header in dialog mode by default.
    • The picker remains open when typing (in two-inputs and dropdown mode).
    • The calendar selection is updated with the typed value.
    • The calendar view is updated as per the typed value.
    • The picker displays a clear icon by default in single input mode.

  • IgxPredefinedRangesAreaComponent

    • Added new component for rendering the predefined or custom ranges inside the calendar of the IgxDateRangePicker

• IgxDatePicker

  • Similar to the IgxDateRangePicker, also completes the ability to customize the calendar by introducing the following
    properties in addition to the existing ones:
    • hideHeader
    • orientation
    • activeDate
  • Behavioral Changes
    • The calendar selection is updated with the typed value.
    • The calendar view is updated as per the typed date value.

• IgxOverlay

  • Position Settings now accept a new optional offset input property of type number. Used to set the offset of the element from the target in pixels.

• IgxTooltip

  • The tooltip now remains open while interacting with it.

• IgxTooltipTarget

  • Introduced several new properties to enhance customization of tooltip content and behavior. Those include positionSettings, hasArrow, sticky, closeButtonTemplate. For detailed usage and examples, please refer to the Tooltip README.

General

• IgxDropDown now exposes a role input property, allowing users to customize the role attribute based on the use case. The default is listbox.

• IgxTooltipTarget

  • Behavioral Changes
    • The showDelay input property now defaults to 200.
    • The hideDelay input property now defaults to 300.
    • The showTooltip and hideTooltip methods do not take showDelay/hideDelay into account.

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, IgxPivotGrid

  • Sorting improvements
    • Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
    • Refactored sorting algorithms from recursive to iterative.
  • Groupby improvements
    • Refactored grouping algorithm from recursive to iterative.
    • Optimized grouping operations.