v5.12.0 - Rowspan feature 📢

5.12.0 (2025-01-21)

Rowspan feature

We already had colspan supported, via DataView ItemMetadataProvider, and now we're also adding support for rowspan as well (which is partially reusing the code from @GerHobbelt's fork that had rowspan). However please be aware that both of these features come with special constraints, any side effects (i.e. Filtering/Sorting/Paging/ColumnReorder/ColumnHidding) will require you to add your own logic to deal with these side effects (this was also true for colspan, so there's nothing new here). In other words the lib doesn't know and cannot guess how and what you want to do with the spanning when a side effect occurs, because colspan/rowspan are, and will always be, based on row indexes and the question arise when a side effect occurs what do you want to do? Do you want to keep the spanning on the same row or do you want to only keep half of it or remove it all? The system cannot guess what you want to do when these side effects happens unless you tell it what to do... so use this new feature with some due diligence.

You can see these 2 new examples demoing rowspan below and also read the Column/Row Spanning documentation

• Rowspan - Employees Timesheets
• Rowspan - Large Dataset

Note: please note that rowspan does not currently work well with Excel/CSV Export and it will be looked into in the near future.

---

Features

• add initialGroupBy to Draggable Grouping (#1800) (27ec3d1) - by @ghiscoding
• add a Default Theme to avoid requiring certain Bootstrap styling (#1806) (f9b2164) - by @ghiscoding
• add Custom Global Item Data Provider (#1794) (8b78201) - by @ghiscoding
• add final rowspan implementation (#1798) (5d0f58e) - by @ghiscoding
• vue: add rowspan to Slickgrid-Vue (#1804) (e58c0cb) - by @ghiscoding

Bug Fixes

• add missing slick-filter class & flex align header filters (78478ab) - by @ghiscoding
• core: add missing key shortcuts for navigation & cell selections (#1788) (972783e) - by @ghiscoding
• deps: update vue.js dependencies (#1781) (eeed5f7) - by @renovate-bot
• deps: update vue.js dependencies (#1801) (5a4c3f7) - by @renovate-bot
• Group Titles should be aligned in center (b359fa3) - by @ghiscoding
• never activate more than 1 cell, clear any previous active CSS class (#1797) (8b02e06) - by @ghiscoding
• opening Header Menu shouldn't add Active Header Cell (#1807) (a7364bb) - by @ghiscoding
• remove "active" CSS classes before navigating to another cell (#1791) (38a7f81) - by @ghiscoding
• shift+mousewheel should scroll horizontally (#1792) (a04fb21) - by @ghiscoding
• vue: add all missing events to Slickgrid-Vue props def (cbd9e6c) - by @ghiscoding

v5.11.0 - VueJS Support 📢

5.11.0 (2024-12-14)

Vue support

I added yet another framework (Vue) support via a new Slickgrid-Vue Component package. This new addition brings support to a total of 4 different frameworks (or 5 if we also include native JS support).

Also a new Example 31 was added to demo how to dynamically create a grid from a CSV file import (Excel import is also achievable)

Features

• create new Slickgrid-Vue package to support VueJS framework (#1753) (ec4323b) - by @ghiscoding
• dynamically create grid from imported CSV data (#1772) (2c32450) - by @ghiscoding
• vanilla: allow using component w/o grid options (#1770) (f61bf18) - by @ghiscoding
• vue: allow using SlickgridVue component w/o grid options (#1771) (2a24968) - by @ghiscoding
• vue: dynamically create grid from imported CSV data (#1773) (d67d339) - by @ghiscoding
• vue: make I18Next totally optional in Slickgrid-Vue (#1765) (9a225c9) - by @ghiscoding

Bug Fixes

• add missing Collection Observer disconnect method (#1761) (68a2110) - by @ghiscoding
• add missing collection observer in Vue grid implementation (#1762) (a99d143) - by @ghiscoding
• deps: update vue.js dependencies (#1776) (6060d94) - by @renovate-bot
• vue: use dts w/Rollup to fix types & pass "are the types wrong" (#1766) (30fa904) - by @ghiscoding

v5.10.2

5.10.2 (2024-11-30)

This release fixes a few small bugs found while working on an upcoming Slickgrid-Vue (Vue framework port).

Bug Fixes

• add "frozen" class to all slick-pane for easier styling (#1752) (33a8a38) - by @ghiscoding
• Composite Editor should reapply original when exist & form is reset (#1739) (f709b56) - by @ghiscoding
• ensure DOM alterations during initialization are always cleaned up (#1751) (c65466f) - by @ghiscoding
• ExternalCopyManager shouldn't change body scroll pos, fixes #1078 (#1741) (5bf633c) - by @ghiscoding
• icons should have default black color instead of inherit (af9f5db) - by @ghiscoding
• input filter loses focus after edit+filtering with enableExcelCopyBuffer (#1750) (b2f4f52) - by @ghiscoding
• setting filter dynamically shouldn't make body taller (#1748) (41e4317) - by @ghiscoding

v5.10.1

5.10.1 (2024-11-09)

A bit more fixes related to the switch to SASS @use and couple of fixes related to Grid Service & Calendar Picker editor.

Bug Fixes

• date editor clear/reset not working in composite editor (#1735) (976bd23) - by @ghiscoding
• editor: add missing changeEditorOption() for Composite Editor (#1733) (b43b53b) - by @ghiscoding
• hideColumnByIds wasn't hiding columns properly (#1738) (da89db4) - by @ghiscoding
• hideColumnByIds() should call setColumn() only once (#1736) (0ba1a93) - by @ghiscoding
• hiding column(s) returned incorrect Grid State changes data (#1737) (59a47b8) - by @ghiscoding
• Material Theme primary color should be reassigned & forwarded (a786038) - by @ghiscoding
• Material Theme primary color should be reassigned & forwarded (b3f4a23) - by @ghiscoding
• more ms-select Dark Mode styling fixes (810ce40) - by @ghiscoding
• remove $primary-color & fix more styling issues for ms-select (2841dbc) - by @ghiscoding
• small box-shadow fix on ms-select filter in focus (23ec036) - by @ghiscoding

v5.10.0

5.10.0 (2024-11-02)

This release fixes all recent SASS (dart-sass) warnings for their upcoming major version 2.0 and even fixes next 3.0 warnings. Note that external libraries like Bootstrap, Bulma and others still have to fix their own warnings as well but as far as SlickGrid goes, all warnings were fixed.

Features

• switch to SASS @use and remove any @import to fix deprecations (ba58eab) - by @ghiscoding

Bug Fixes

• add more SASS styling fixes & fix box-shadow w/filled filters (2fc5dad) - by @ghiscoding
• couple of SASS styling fixes (d87912b) - by @ghiscoding
• decrease ColumnPicker/GridMenu min-height to 150px (5041c95) - by @ghiscoding

v5.9.0

5.9.0 (2024-10-19)

You can now provide a Custom Pagination instead of the default built-in Pagination

• see the new Example 30

Features

• allow providing a Custom Pagination (4a2bfc8) - by @ghiscoding

Bug Fixes

• Column Picker should auto-position left/right with available space (48c2d13) - by @ghiscoding
• deps: update all non-major dependencies (fcc779b) - by @renovate-bot
• move DI to init() to make Pagination Comp working with all ports (cd30686) - by @ghiscoding

Performance Improvements

• remove unnecessary events to re-render Header Grouping (ce02f0f) - by @ghiscoding

v5.8.0

5.8.0 (2024-09-29)

Release Info

This new release brings a new preParseDateColumns grid option that allows to pre-parse date columns to improve Date column Sorting by a factor of 10x (and also make subsequent sorting extremely fast). The problem at hand is simple, parsing dates can be an expensive process especially for large dataset, but it is required in order to do Date Sorting. When we say parsing we mean reading the formatted date string and convert it to a JS Date object. For small dataset (less than 10K), it's not much of a problem but it becomes quite noticeable with large dataset, because calling a Sort will revisit the same items over and over until every items are fully sorted and without the new option enabled, we are reparsing these items multiple times which as I said earlier can become an expensive task... so with this release, we now have a new opt-in preParseDateColumns grid option (to be used only with large dataset 10K or more, the option IS NOT enabled by default). For more info, please take the time to read the Sorting - Pre-Parse Date Columns documentation. You can test this out via Example 2 by clicking on "50K rows" button and then try sorting Start/Finish dates.

Features

• allow overriding readOnly behavior of dateEditor (d4da489) - by @zewa666
• home and end key stop propagation in editors (d143820) - by @zewa666
• PubSub: allow multiple subcribe events for a single callback (6d39c2c) - by @ghiscoding
• update according to review; add unit tests (eb176de) - by @zewa666

Bug Fixes

• allowInput instead of allowEdit (8318853) - by @zewa666
• Date parsing shouldn't fail & dateIso type should accept time (a3e5a49) - by @ghiscoding
• styling: SASS deprecated lighten and darken methods (a66506f) - by @ghiscoding

Performance Improvements

• improve Date Sorting by optionally pre-parsing date items (6678139) - by @ghiscoding
• treeData: huge time decrease to expandAll/collapseAll tree grid (98bd334) - by @ghiscoding

v5.7.0

5.7.0 (2024-09-14)

A huge thanks to @Vsinghal339-source for all the troubleshooting and PRs to improve performance of the grid, there were couple of area with code of O(n square) that were brought down to O(n), it's really great to receive such huge impacting contributions. Thanks a lot 🎉

Features

• add warning if necessary rows aren't added (6471248) - by @zewa666
• matching border color for range selector in darkmode (aec04ed) - by @zewa666
• switch darkmode inside init (908e7aa) - by @zewa666

Bug Fixes

• composite editor wrong selector (77b89c6) - by @zewa666
• core: Autocomplete Editor shouldn't navigate down twice on enter key (4f9eb36) - by @ghiscoding
• deps: update dependency @faker-js/faker to v9 (5e9ffb2) - by @renovate-bot
• do not create empty object rows, use newRowCreator instead (a170560) - by @zewa666
• styling: add missing !default to a few SASS variables (6779947) - by @ghiscoding-SE
• TreeData: identifier is not always "id' when unflattening (78653f9) - by @ghiscoding-SE
• TreeData: Reset the childrens prop when unflattening dataset in case it is being reused (cf70729) - by @jano-kucera

Performance Improvements

• Reduce iterative time complexity, fixes #1668 (8a95b8a) - by @Vsinghal339-source
• Optimize SlickGrid handleSelectedRangesChanged by using Set (ac7e6f9) - by @Vsinghal339-source
• don't invalidate grid rows more than once, fixes #1678 (a5b9647) - by @ghiscoding
• RowDetail: use Set to improve perf with Row Detail (5abfd41) - by @ghiscoding
• use Set to improve perf when read current Select Editor values (56dfe92), closes #1670 - by @ghiscoding

v5.6.1

5.6.1 (2024-08-31)

Bug Fixes

• only import @excel-builder-vanilla/types for optional dep (27e983e) - by @ghiscoding
• tree: unflattening tree->flat array multiple times, fixes #1657 (67edd1e) - by @ghiscoding

v5.6.0

5.6.0 (2024-08-24)

Release Info

With this release, we are migrating to the original Vanilla-Calendar-Pro project and dropping the vanilla-calendar-picker temporary fork and that is because all features & bug fixes I had in my fork were all merged recently to the original project (the fork was always meant to be a temporary thing).

There's also a new rowTopOffsetRenderType grid option that might be of interest, the default is top but if you set it to transform then all rows of the grid will use transform: translateY({offset}px) to position each row in the grid and the transform might actually improve perf as per this article: Why Moving Elements With Translate() Is Better Than Pos:abs Top/left

Features

• migrate back to Vanilla-Calendar-Pro (bfcdbd5) #1644 - by @ghiscoding

Bug Fixes

• calling preRegisterExternalExtensions should be added to ext list (0af5d59) #1647 - by @ghiscoding
• don't render filter element on hidden column (559d7de) - by @ghiscoding
• SlickCellExternalCopyManager should use DataView (abed483) - by @ghiscoding
• SlickCellExternalCopyManager should work w/hidden cols fixes #1634 (b156bfa) #1651 - by @ghiscoding

Performance Improvements

• add new rowTopOffsetRenderType grid option to use "transform" (cf0a22c) #1650 - by @ghiscoding
• decrease virtual scroll render throttling to 10ms (4419132) #1648 - by @ghiscoding