Slickgrid-Universal is a monorepo which includes all Editors, Filters, Extensions, Services and is also Framework Agnostic to take full advantage of SlickGrid core lib.
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] 3 months ago
This new release adds the Infinite Scroll feature and with it adds not just 1 but 3 new examples to cover all use cases (read the new Infinite Scroll docs for more info)
Infinite scrolling allows the grid to lazy-load rows from the server when reaching the scroll bottom (end) position. In its simplest form, the more the user scrolls down, the more rows get loaded. If we reached the end of the dataset and there is no more data to load, then we'll assume to have the entire dataset loaded in memory. This contrast with the regular Pagination approach which will only hold a single page data at a time.
preRegisterExternalExtensions
to help external RowDetail (016af41) - by @ghiscodingPublished by github-actions[bot] 4 months ago
Published by github-actions[bot] 4 months ago
Published by github-actions[bot] 4 months ago
Published by github-actions[bot] 4 months ago
This new release brings Filter Shortcuts that once defined will be added as sub-menus the Column Header Menu. These shortcuts are nothing new in terms of what you can already do with Column Filters, however the main reason to use them is to define some filters with simple logic, for example give me all the Blanks or Non-Blanks Values or even better filter the last 6 months data. For more info and demo, take a look at:
Lastly there's also a new Example 24 which is showing Column Totals in the grid Footer (the code was taken from an old SlickGrid example).
setValues()
optional flag to trigger query (#1574) (025888d) - by @ghiscodingfilterShortcuts
to Column Filter (#1575) (cbd6ae4) - by @ghiscoding!=
(not empty) should return non-blanks (#1570) (9837ef1), closes #1569 - by @ghiscoding<>
is Not_Contains
instead of Not_Equal
(#1571) (c6f1cf3), closes #1569 - by @ghiscodingPublished by github-actions[bot] 5 months ago
This new release brings a ton of new features and most of the new feature ideas came from this great Stack Overflow question Angular Slickgrid - Custom Filter which the user asked if it was possible to create a custom filter as SQL LIKE
. So, from this idea in mind and considering that we already had a sortComparer
for custom Sorting but no ways to customize Filtering, now let's work around that shall we?
filterPredicate
for local JSON datasetfilterQueryOverride
which is the filter override for Backend Services (OData / GraphQL)OperatorType.custom
that can be used with above custom filter predicate/overridea*z
available for local JSON dataset and Backend ServicesThis new release also brings a lot of improvements to the Excel Export with a new Example 23 which demos how to dynamically use Excel Formulas (e.g. Sums), you can even use Excel Formulas with Grouping to do Sums, isn't it awesome!? Let's just say that pretty much everything you can do in excel-builder-vanilla, you can probably do in Slickgrid-Universal.
preventDragFromKeys
grid option, fixes #1537 (#1538) (803fbee) - by @ghiscodingvalueParserCallback
dataContext & new demo (#1543) (884b6e0) - by @ghiscodingOperatorType.custom
for custom backend service (#1526) (4284d58) - by @ghiscodingfilterPredicate
option for user customization (#1528) (cbf64d8) - by @ghiscodinga*z
) filter combo (#1530) (51560aa) - by @ghiscodinga*z
) to OData/GraphQL (#1532) (237d6a8) - by @ghiscodingfilterQueryOverride
to GraphQL Service (#1549) (2c0a493) - by @ghiscodingfilterQueryOverride
to OData Service (#1536) (e8ffffe) - by @zewa666filterPredicate
shouldn't break other column filters (#1531) (27777ef) - by @ghiscodingimpactedColumns
(#1557) (69125c2) - by @ghiscodingPublished by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
This new release brings a lot of changes oriented toward better UI/UX, our SVG icons are now pure CSS and can be colorized like any other text via the native CSS color
property (which helped a lot improving the Dark Mode Theme).
Another noticeable UI change is the migration of the date picker from Flatpickr to Vanilla-Calendar-Pro, this library is ESM, it has modern styling and an awesome UI/UX. Another change that is mostly internal but is also indirectly connected to the date picker is the migration from MomentJS to Tempo which is modern and is also packaged as ESM which is great for Tree Shaking.
I believe that with all these recent changes, the project is pretty much feature complete!
[!NOTE]
Migration to 5.0 for all the changes
Follow the
Published by github-actions[bot] 6 months ago
5.0 Beta Release, please follow the Migration Guide v5 for all info.
Published by ghiscoding 6 months ago
5.0 Beta Release, please follow the Migration Guide v5 for all info. Also note that the official release will happen on the week of May 20th to align with Angular release.
moment
to moment-tiny
(#1456)Filters.select
(#1485)checkmarkFormatter
and any Font-Awesome related (#1484)math.div
polyfill (#1483)moment
to moment-tiny
(#1456) (90690f4) - by @ghiscodingFilters.select
(#1485) (fae4c4a) - by @ghiscodingcheckmarkFormatter
and any Font-Awesome related (#1484) (2de3fe2) - by @ghiscodingmath.div
polyfill (#1483) (12661a3) - by @ghiscodingPublished by ghiscoding 6 months ago
Note: Version bump only for package slickgrid-universal
Published by github-actions[bot] 6 months ago
Published by github-actions[bot] 6 months ago
This new release adds 2x new grid options defaultEditorOptions
and defaultFilterOptions
so that user can define global Editor/Filter options instead of having to duplicate same options on each column editorOptions
/filterOptions
. An example is shown below.
defaultFilterOptions
, we use the same keys as the Editor (date
, select
, slider
, ...) but please note that these 3 filters options have combined options into 1 prop for compound & range filters (e.g. date
is for both compoundDate
and dateRange
filter options).this.gridOptions = {
defaultEditorOptions: {
autocompleter: { debounceWaitMs: 150 }, // auto-typed as AutocompleterOption
date: { minDate: 'today' },
longText: { cols: 50, rows: 5 }
}
}
autocompleter
with ESM build (#1450) (ad66a12) - by @ghiscodingid
instead of field property name, fixes #1467 (#1469) (0a4d402) - by @zewa666Published by github-actions[bot] 7 months ago
This release will now work with multiple tooltips on the same cell (e.g. multiple buttons with icons like the "Action" column in Example 22
autocompleter-es
to get ESM build (#1449) (aa59334) - by @ghiscodingexports
to pass "are the types wrong" (#1440) (20229f7) - by @ghiscodingPublished by github-actions[bot] 7 months ago
This release upgrades multiple-select-vanilla
package, that I also maintained, with a much modern UI with the use of SVG icons. The SVG icons in that new select lib are now also written in pure CSS which helps for Dark Mode. Note however that the SVG icons are not yet pure CSS since that would introduce breaking changes in Slickgrid-Universal (a new major version will be pushed later to address that).
column.editor
and gridOptions.editorFactory
type changed (#1428) (bf8c5b9) - by @ghiscodingtype
imports and exports (#1432) (cce4693) - by @ghiscodingtype
imports and exports (#1437) (324c4fe) - by @ghiscodingmodel
Type of FilterConstructor
(#1430) (3f3e952) - by @ghiscodingPublished by github-actions[bot] 8 months ago
This is probably a UX change that many users will be happy to start using, however there are a few important notes to be aware of as shown below.
darkMode
grid option, it will not auto-detect the color scheme from the browser (you can however easily do it yourself). There couple of reasons as to why that is a grid option, it mostly relate to the fact that a few features require creating certain DOM Elements that are appended to the body
(e.g. ColumnPicker, GridMenu, LongTextEditor, CompositeEditorModal, ...) and that requires extra code in place that SlickGrid will take care of it for you and for that reason it cannot be simple CSS classes.fillColor
defined in SASS and once it is set, you cannot change it... oh but could we fix that problem in the future? The answer is Yes but... So, I did find that we can convert all SVG to pure CSS (using UnoCSS, by AntFu) approach but that will introduce some breaking changes and considering that I recently released a major version, I will wait couple more months to proceed with another major. Part of the breaking changes will be to drop support for Fonts and keep only SVGs internally.Also worth knowing that I also improved multiple-select-vanilla
by adding a new feature to replace tabIndex
by arrow navigation highlight. This feature will let you use the keyboard (up/down arrows or mouse hover) to navigate the select options and choose any of them (via Enter key) and all of that without losing your current focus (which is a lot better than using tabIndex
). This new feature should be a lot more UX friendly.
This is pretty much completing the roadmap of all the features that I wanted to add to this library, this project started 7 years ago and I added a lot of features over the years.
isomorphic-dompurify
for SSR support (#1413) (b619453), closes /github.com/ghiscoding/Angular-Slickgrid/discussions/838#discussioncomment-8574215 - by @ghiscodingmultiple-select-vanilla
to v2 (#1401) (d6bb1d7) - by @ghiscodingonRendered
lifecycle callback option (#1410) (9d348d6) - by @ghiscoding