Release Information
Features
-
Supabase and SupabaseJS adapters
- ZingGrid now has a Supabase adapter. This allows you to easily connect your Supabase table to ZingGrid. All you have to do is set the
<zg-param name="adapter">
to "supabase" and<zg-param name="headers">
to your Supabase key.
- ZingGrid also supports the SuperbaseJS adapter. To connect to your Supabase table by setting
<zg-param name="adapter">
to "supabasejs" and<zg-param name="dataTable">
to the name of the Supabase table. Then create your Supabase client and register it to ZingGrid withregisterClient()
.
- ZingGrid now has a Supabase adapter. This allows you to easily connect your Supabase table to ZingGrid. All you have to do is set the
-
DexieCloud adapter
- Another newly supported adapter is DexieCloud. Setting up is very similar to the SupabaseJS adapter. First, set
<zg-param name="adapter">
to "dexiecloud" and<zg-param name="dataTable">
to the name of the DexieCloud table. Then create your DexieCloud client and register it viaregisterClient()
.
- Another newly supported adapter is DexieCloud. Setting up is very similar to the SupabaseJS adapter. First, set
-
Emoji column type
- ZingGrid now introduces the emoji column type, which renders codepoints (ex. U+2764) to emojis. Simply set
ZGColumn[type="emoji"]
. - To additionally support rendering shortcodes to emojis, use
ZGColumn[type-emoji-shortcode]
and set it to the name of your conversion function.
- ZingGrid now introduces the emoji column type, which renders codepoints (ex. U+2764) to emojis. Simply set
-
Header icons
- You can now add icons to the grid header through the
[header-icon]
attribute - To position your header icon, use the
[header-icon-position]
- You can now add icons to the grid header through the
-
Other minor feature:
- Added support for subscription in SupabaseJS adapter
- Added
[editor-disabled-fields]
attribute to<zing-grid>
to specify column field indexes to disable editing - Added keyboard controls for
ZGColumn[type="checkbox"]
- Updated the
<zg-param name="restmode">
to accept "method" and "id" as values - Updated crud-specific headers to include the general headers unless it is the same name
- Added the following API methods:
scrollLeft([nIncrement])
,scrollRight([nIncrement])
,scrollLeftMax()
,scrollRightMax()
- Added
recordIndex
androwIndex
to thegetSelectedRows()
API method - Smart handling of border radius when using
--zing-grid-border-radius
- Add
--zg-select-border-radius
Bug Fixes
- Cosmetic changes for loading screen
- Removed vertical scroll set when
<zg-row>
has a border - Width calculation fixes
- Fixed bug with dialogs and vertical scroll bar
- Fixed bug with vertical gridlines horizontal scroll
- Fixed bug with
<zg-param>
loading after<zg-data>
- Fixed grid width when grid's container has scrolling overflow
- Fixed grid width on resize when grid's container's size depends on grid's size
- Fixed
<zg-no-data>
width when there are frozen columns - Fixed
<zg-no-data>
resize in card mode - Fixed display issue with batch edit and changing layout
- Fixed header display issue on search and layout change
- Allow column resize when all columns have set widths
- Fixed data refresh with object data formats
- Fixed issue with column sort resetting on refresh when state preservation is turned on
- Fixed resize layout when dialog is open
- Fixed bug with opening context menu
- Fixed sorting column display on layout change via resize
- Fixed error message when attempting to filter on column that doesn’t exist
- Improve error message on
filterColumn()
by including list of valid indices - Reposition tooltips on resize
- Fixed issue with head cells losing position after layout change and scrolling
- Fixed column width when footer cell is largest content
- Fixed bug unsetting the
[editor-disabled-fields]
attribute - Fixed editor row styling bug in frozen rows
- Fixed bug when
updateSize()
is called externally and having it automatically called internally - Fixed
[dir="rtl"]
header focus issues - Fixed horizontal scroll when adding rows to trigger vertical scroll after load
- Fixed server-side filter and state preservation bug
- Fixed issue with height on grid being set incorrectly
- Fixed selection event firing too often
- Fixed width in the case of
updateSize()
API method - Fix border issues is black and dark themes
- Fix display of select cell option in static menu and context menu
- Disable
selectcell
andselectrow
menu options based on selection made in grid - Fix header
<zg-checkbox>
styles when using with Tailwind - Reflect changes when
[card]
is removed or updated - Fix
<zg-no-data>
to not display when[loading]
is present and vice versa - Close context menu or static menu on resize
- Fix bug to
[loading]
if attribute already present - Fix setting card editor only when in card mode
- Fix server-rendering of grids within iframes
- Update card editor to use custom editor defined after being accessed
- Fix dynamically adding
<zg-load-mask>
with slotted content - Fix batching editing highlight in dark and black theme
- Fix batch edit states in card layout
- Fix updating
[dialog]
,ZGDialog[confirm]
andZGDialog[cancel]
- Fix cursor styling on
<zg-headl-cell>
when sort disabled - Fix checkbox styling
- Prevent editor from opening in card layout when editing is disabled
- Fix height and style of filter select element to match default text inputs
- Fix
<zg-param name="queryString">
to append "&" to existing query string in[src]
- Fix double border top issue when
[filter="inline"]
and[header-row-hide]
- Fix bug to close dialog modal when clicking on dialog mask
- Prevent dialog from automatically closing after open when vertical scrollbar is visible
- Fix header and cell alignment when
[dir="rtl"]
and[align="left"]
- Prevent overwrite of
[editor]
value when dynamically update - Account for when user sets
[editor=true]
reflectively, which translate to string true - Fix
[editor]
to update to user-defined value when window resizing causing layout changes - Always use modal editor in card layout regardless of
[editor]
value - Fix horizontal scrolling with
[dir="rtl"]
- Include
editorType
argument to editor config object'sinit()
hook - Automatically include
[editor]
when batch editing is enabled to specify inline or modal editing - Fix grids to use custom editor when defined after grid renders