Skip to content
This repository was archived by the owner on Jun 1, 2025. It is now read-only.

Pinned (frozen) Columns/Rows & AutoComplete Editor/Filter

Choose a tag to compare

View all tags
@ghiscoding ghiscoding released this 11 Jan 17:17
· 3480 commits to master since this release
v2.1.17
873c1e9

This version brings a long awaited request of Pinned Columns/Rows (aka Frozen). Also note that the demo with Bootstrap 3 is using previous lib version 1.x (which doesn't latest features) and only the Bootstrap 4 demo got migrated to newer version 2.x of the lib (with Angular 7). Also a reminder, new features will only go in version 2.x of the lib which requires Angular 7+.

Note

I'm not sure why, possibly ng-packagr, but since the lib was updated to Angular 7. I often have to release 2 versions to make it to work correctly. This is the reason why there was so many versions released recently. I don't think it's Angular itself but possibly the packager.

Features

  • (frozen): add Frozen/Pinned rows/columns Feature (PR #93)
  • (sorting): add "Clear Sort" in each Column Header Menu (PR #94)
    • make sure to update your Translations for this new header menu (on each column), basically add this translation key
    • you can also hide this new command (or any commands) through headerMenu: { hideClearSortCommand: true } in your Grid Options
  • (filters): add optional placeholder to all Filters (PR #98)
  • (editors): add optional placeholder to all Editors (PR #99)
  • (formatter): Formatter can return a string or an object (PR #96)
  • (autocomplete): Editor & Filter autocomplete feature (PR #101)
    • demo | demo component | animated gif | Wiki doc
    • since jQuery UI is a dependency of SlickGrid, using jQuery UI AutoComplete comes for free (no new lib).
    • Chrome will detect the demo as unsafe script because of CORS, you can try with Firefox/Edge or simply allow script on that page
    • also make sure you use the latest version of jQuery-UI through the jquery-dist NPM package (see howto). I lost 2 hours myself on this because I was using an older version of jQuery-UI
  • (sorter): add object with dataKey as a Sort and add custom Sorter
  • (headermenu): add Clear Filter to each Column Header Menu
  • (divider): add divider option to Grid Menu & Column Header Menu items
  • (filter): input mask filter (PR #107)
    • note this is a very simplified mask filter, if the behavior is not what you are looking for then it might be better to create your own custom filter with an external 3rd party lib that support mask well
  • (gridService): add new methods to GridService, see #110, #111
    • add new methods "deleteDataGridItems" and "deleteDataGridItemByIds" to address issue #111
    • add 3rd argument "shouldHighlightRow" boolean field to the "updateDataGridItem" ans "updateDataGridItems" method to address issue
  • (formatter): Formatter returning an object now accept tooltip

Fixes

  • (pagination): refresh paging after adding/deleting item with DataView
  • (filter): Select Filter "addBlankEntry" sometimes add 2x entries
  • (translateFormatter): shouldn't convert null values to string (PR #102)
  • (build): distribution folder shouldn't be part of the Git project (PR #103)
  • (filter): Header Menu Clear Filter not calling Grid State change
  • (styling): fix styling issue when Filters are filled
    • adds a filled class which user can customize to his need, e.g. change background-color of filled Filters
    • Wiki doc
  • (delete): remove any row selection after deleting a row, #111
  • (backend): debounceTypingDelay on input Filter was no longer
    • (filter): on ENTER key it should skip debounce waiting on input
  • (pagination): incorrect pagination behavior on adding/removing items
  • (filter): all jquery .on bound event should also be unbound
  • (regression): the commit cdcc979 caused a regression with click event
  • (filter): Select Filter doesn't get removed on destroy

Refactoring

  • (backend): remove all castToPromise and keep Observables as is
Assets 2
Loading