v6.6.5
6.6.5 (2023-12-12)
Deprecations
Please note that multiple built-in Formatters are now deprecated and will be removed in the next major version (which is coming very soon). Below is the list of Formatters and their alternatives with code sample on what to change. Note that the CSS class may vary depending on which UI framework you use.
Formatter removed | cssClass equivalent |
alternative |
---|---|---|
Formatters.bold |
cssClass: 'text-bold' or fw-bold |
|
Formatters.center |
cssClass: 'text-center' |
|
Formatters.italic |
cssClass: 'text-italic' or fst-italic |
|
Formatters.alignRight |
cssClass: 'text-right' or text-end |
|
Formatters.lowercase |
cssClass: 'text-lowercase' |
|
Formatters.uppercase |
cssClass: 'text-uppercase' |
|
Formatters.fakeHyperlink |
cssClass: 'text-underline cursor' |
cssClass: 'fake-hyperlink' |
Formatters.checkbox |
to be removed | use the Formatters.iconBoolean |
Formatters.deleteIcon |
to be removed | use the Formatters.icon (see below) |
Formatters.editIcon |
to be removed | use the Formatters.icon (see below) |
Formatters.infoIcon |
to be removed | use the Formatters.icon (see below) |
Formatters.yesNo |
to be removed | create a custom Formatter |
The alternative is to use cssClass
as shown below
this.columnDefinitions = [
{
id: 'firstName', name: 'First Name', field: 'firstName',
- formatter: Formatters.bold
+ cssClass: 'text-bold'
},
{
id: 'lastName', name: 'Last Name', field: 'lastName',
- formatter: Formatters.multiple, params: { formatters: [Formatters.uppercase, Formatters.bold] },
+ cssClass: 'text-uppercase text-bold'
},
{
id: 'deleteIcon', name: '', field: '',
- formatter: Formatters.deleteIcon,
// NOTE: we previously accepted "icon" and "formatterIcon" property in the past but these props will be removed
+ formatter: Formatters.icon, params: { iconCssClass: 'fa fa-trash pointer' }
},
];
Bug Fixes
devMode
should befalse
or an object & use!important
on text CSS utils (271ab1b)
Installation
Please remember that all packages of @slickgrid-universal
(v3.7.2
) and Angular-Slickgrid
(v6.6.5
) must be updated at the same time and they will always get bumped on the same day to avoid any upgrade issues. You can also consult the Versions Compatibility Table - Wiki
please remember that Slickgrid-Universal monorepo now contains the biggest portion of the code (~90%), so most of the commits are now happening on that side.
- review the Slickgrid-Universal changelog
- and the Angular-Slickgrid changelog (above)