
autoAlign property of Dialog is removed, visit the dynamic content section at dialog documentation for details.utc property functionality is removed from Calendar component, instead to work with utc or other timezones, use onValueChange property to convert the provided date to your preferred timezone.If you have worked with p-table before, it is almost identical. Refer to the TreeTable on getting started with the new API. TreeTable is reimplemented from scratch and it is not backward compatible.Major changes include the new TreeTable and PrimeIcons to replace font-awesome. Schedule is updated to FullCalendar 4.0.0 as a result jQuery is no longer required for p-schedule.p-header and p-footer are deprecated in favor or ng-template pTemplate="header or footer.".Spinner is deprecated in favor of InputNumber.Lightbox is deprecated in favor of Galleria.MultiSelect defaultLabel is deprecated in favor of placeholder.Label of RadioButton and Checkbox is deprecated, provide your own label instead.Responsive options deprecated from components like Table in favor of custom implementations.
Nova themes have been renamed, nova-light to nova, nova-dark to nova-alt and nova-colored to nova-accent. Grid CSS was deprecated in 2018 and removed in v10 in favor of PrimeFlex. primeng/primeng were deprecated in v5 and removed in v10. PrimeIcons 4.0 should be used with PrimeNG 10 themes, older versions of PrimeIcons are not supported as they are redesigned with new canvas sizes. Migration to PrimeOne Design renames style classes, please see the PrimeOne Migration page for details. As a result, although prior versions were a drop-in replacement, PrimeNG team has decided to include all major changes to V10 so that future versions can offer seamless updating experience. A new design system called PrimeOne is integrated, ChangeDetection strategy is changed to OnPush, PrimeIcons have been redesigned for 4.0, PrimeFlex CSS utilities have been updated with new helpers and more. PrimeNG 10 is the most important version in the history of the project. yes-no button order in confirm dialog is changed to align it with other Prime UI libraries, it is possible to reverse it with css e.g. Pass the option as a template variable in Select Components without wrapping to SelectItem. The hacky FilterUtils is replaced with FilterService API. filterMode of Listbox is renamed to filterMatchMode for consistency. locale property functionality of Calendar is removed in favor of the new global i18n API. VirtualScroller implementation of Table is reimplemented and clearCache function is removed as caching is left to the page author instead. PrimeIcons should be upgraded to 4.1.0 as components like table utilize new icons in the library. There are no breaking changes in v12.0.0.
Instead PrimeNG will continue providing a compatible theme for this library.
FullCalendar component is deprecated as FullCalendar has its own official Angular component. Column of a scrollable table are flex based so there are a couple of rules to consider when adjusting the widths of columns, refer to the "Column Widths of a Scrollable Table" section at table documentation. frozenrows template is renamed to frozenbody for consistency. Accepted values are horizontal, vertical and both. scrollDirection property is required to define scrolling other than vertical. Frozen columns are defined with pFrozenColumn directive instead of the frozenCols property.
RowGroup functionality is now built-in.Horizontal scrolling does not require giving a fixed width to the table.As a result, breaking changes are mostly related to table scrolling.
New implementation greatly simplifies the codebase by removing significant amount of code related to scrolling and also provides new features like freezing columns on the right and sticky row groups. PrimeNG 12.1.0 introduces new DataTable scrolling implementation that eliminates the use of multiple tables by using css sticky.