v2.1.5

Release Information

• Minor bug fix

Bug Fixes

• Fixed bug with insert row position through context menu when using search and/or filter

v2.1.4

Release Information

• Changes to support filtering select columns

Bug Fixes

• Fixes for context menu position

v2.1.3

Bug Fixes

• Fixed conflict between [compact] and css variable --zg-body-font-size

v2.1.2

Release Information

• Added getConstants() API method

Bug Fixes

• Updated code to not call server side filter if the value in the filter box does not change

v2.1.1

Release Information

• Small bug fixes

Bug Fixes

• Fixed issue where ZGHeadCells did not have a blue backgrounds when dragging their respective columns
• Fixed issue where the data attribute on <zing-grid> could not be programmatically used to set data
• Fixed issue when [dir], [editor-controls], and frozen columns were all enabled, the frozen column applied to the editor controls were in the wrong position.

v2.1.0

Release Information

• Added <zg-param name="selectorKey">: In the case of server side paging and ZingGrid[type-selector-page-persist], this will indicate the field to act as an ID to persist the selection if an ID is not already set on the dataset.
• Added support for server side paging and ZingGrid[type-selector-page-persist] to work together
• Modified <zing-grid> API Method setData() to accept an optional parameter indicated if the grid should try to maintain the current sort after changing the data.

Bug Fixes

• Fixed a failure bug with searchGrid() <zing-grid> API Method
• Removed current sorting after calling setData() API Method
• Fixed bug when hiding all non-frozen columns when frozen-columns are enabled

v2.0.0

Release Information

• Modified the underlying architecture to better support flexibility in the grid's layout and configuration
• Row Details

  • ZingGrid now has a built-in feature to expand rows to reveal more details. This functionality is made to work with other features, such as edit, filter, search, and sort. The open state of the rows are preserved when paging.

  • This feature can be added to your grid through the different ways:

    • [row-details-template] attribute
    • [row-details-renderer] attribute
    • <zg-row-details> component that directly takes in a <template> element
    • API methods: setRowDetailsRenderer(), setRowDetailsTemplate(), getRowDetailsRenderer(), and getRowDetailsTemplate()

  • The events are added to trigger when rows are opened or closed: row:detailsopen and row:detailsclose

  • The nested grid data can be set via token

    

• Row Height

  • The height of the rows can be set through the [row-height] attribute. Also, [row-height-scope] is added to specify which rows to apply [row-height] to (headers, data).

  • These attributes also has API methods support: setRowHeight(), getRowHeight(), setRowHeightScope(), and getRowHeightScope()

    

• Crosshair

  • Enable crosshair in your grid by adding styles to the .crosshair class.

    

• Selector Page Persistent

  • Row selection now persist when paging when you add [type-selector-page-persist]. This attribute exists in both the <zing-grid> and <zg-column> components.

    

• Support for ndjson response
• Updated CSS variables

Bug Fixes

• Fixed scrolling on focus
• Fixed bugs with state preservation and [type-selector-page-persist]
• Fixed select all with lazy loading and [type-selector-page-persist]
• Properly unselect all checkboxes on page when they were all checked with lazy load
• Fixed dynamic updates
• Fixed overflow bug with iframe and image
• Fixed bug with sorting and frozen rows
• Fixed bug with card:click event handler

v1.7.2-1

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

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

v1.7.1-0

Release Information

Bug Fixes

• Fix type definition file