v1.7.2

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 with registerClient().
    

• 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 via registerClient().
    

• 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.
    

• 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]
    

• 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 and rowIndex to the getSelectedRows() 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 and selectrow 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] and ZGDialog[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's init() 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