Released: Aug 19, 2024

1.7.2 中的更新

特性

• Supabase and SupabaseJS adapters:
  • Added a Supabase adapter which 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:
  • Added a DexieCloud adapter. 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:
  • Introduced 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.
  • Added smart handling of border radius when using --zing-grid-border-radius.
  • Added --zg-select-border-radius.

修补程序

• 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.
• Fixed header <zg-checkbox> styles when using with Tailwind.
• Reflect changes when [card] is removed or updated.
• Fixed <zg-no-data> to not display when [loading] is present and vice versa.
• Close context menu or static menu on resize.
• Fixed bug to [loading] if attribute already present.
• Fixed setting card editor only when in card mode.
• Fixed server-rendering of grids within iframes.
• Update card editor to use custom editor defined after being accessed.
• Fixed dynamically adding <zg-load-mask> with slotted content.
• Fixed batching editing highlight in dark and black theme.
• Fixed batch edit states in card layout.
• Fixed updating [dialog], ZGDialog[confirm] and ZGDialog[cancel].
• Fixed cursor styling on <zg-headl-cell> when sort disabled.
• Fixed checkbox styling.
• Prevent editor from opening in card layout when editing is disabled.
• Fixed height and style of filter select element to match default text inputs.
• Fixed <zg-param name="queryString"> to append "&" to existing query string in [src].
• Fixed double border top issue when [filter="inline"] and [header-row-hide].
• Fixed bug to close dialog modal when clicking on dialog mask.
• Prevent dialog from automatically closing after open when vertical scrollbar is visible.
• Fixed 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.
• Fixed [editor] to update to user-defined value when window resizing causing layout changes.
• Always use modal editor in card layout regardless of [editor] value.
• Fixed 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.
• Fixed grids to use custom editor when defined after grid renders.