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

v1.7.1

Release Information

Bug Fixes

• Fix type definition file

v1.7.0

Release Information

Features

• Advanced Filtering

  • ZingGrid updated the filter feature to now support different filter conditions, such as "contains", "notContains", "equal", "beginsWith", "endsWith", and many more! Enable by including the [filter] attribute to check it out.
    

  • The filter menu has many capabilities that are customizable. You can change the number of filter conditions to apply to the column or add your own custom condition. If you don't want to filter by conditions, you can even update it to selectbox options. Check out the different capabilities here!
    

  • The filter menu supports styling through CSS variables
    

  • The previous filter behavior is still available by setting [filter="inline"]
    

  • Both inline and menu filtering can connect to your REST endpoints through <zg-param> to support server-side filtering. Just set the [loadByPage] and [serverFilter] params (filter menu additionally requires the [createFilterURL] param).
    

Bug Fixes

• Fixed bug with blank area in header and footer when vertical scroll bar is enabled
• Fixed JavaScript error on clicking in footer when vertical scroll is enabled
• Changed frozen rows to have same row height as normal body rows
• Fixed bug with interaction between record select column and virtual row scrolling
• Fixed [filter-menu] bug when only selectbox is displayed
• Fixed issue with double span container in <zg-button>
• Moved filter menu select list from shadow DOM to the light DOM

v1.6.3

Release Information

Bug Fixes

• Horizontal scroll on filtering with custom image renderers

v1.6.2

Release Information

Bug Fixes

• Don't open column menu if there are no columns
• Enhanced LICENSE check conditions
• Fixed error with [custom-disabled] when set to a custom method on a <zg-button>
• Fixed server side sort error

v1.6.1

Features

• More button features for both <zg-button> and button column.
  • Customizable borders
    
    • Added [force-border] attribute to <zg-button>. As a boolean, it forces a border on built in buttons. Set attribute to disabled to remove border from custom buttons.
    • Added [button-border] to <zg-column> which will be read in columns with type="button" | "remover" | "editor" | "duplicate"
  • Add a handler
    
    • Added [handler] to <zg-button> to add a handler event to a custom button
  • Add a tooltip
    
    • Added [custom-tooltip] to <zg-button> to add a tooltip on custom buttons
    • Added [type-button-tooltip] attribute to <zg-column> to set the tooltip on the button if the column type is button.
  • Conditionally disable button
    
    • Add [custom-disabled] to receive a function name that should return true or false
    • Updated [type-button-disabled] to receive a function name that should return true or false
• Other minor features:
  • Added [translate-newline] attribute to <zg-column> to allow to be set to "disable" to not convert \n to <br>
  • Added registerFilterer() API method to add custom filter to make custom filter available to ZingGrid when outside the window scope
  • Added which will not unset page, sort, search, filter, and columns on data change.
  • Update data sent to cell:copy and cell:paste to include the full cell data object and then string that is actually copied or pasted. ZGData now contains data and copiedValue
  • Added cell:beforecopy event. Can change the value of ZGData.copiedValue and that will be what is added to the user's clipboard.
  • If [context-menu] attribute is set to "browser" the default browser's contextmenu will be used.
  • Add parameter to API methods updateRecord() and updateRow() to disable row refresh after updating the data
  • Updated editor fields to use browser's autofill
  • Enabled [batch-edit] to be added to <zing-grid> without setting [editor] or [editor-controls]
  • Changed functionality of aggregate column head and foot cells to be the aggregate of column instead of totals on the grid when possible

Bug Fixes

• Updated CSS variables
• Fixed horizontal scroll Issues
• Updated <zg-button> cleanup for [handler] attribute
• Fixed vertical align issues with buttons
• Fixed loading order issues with <zg-button>, <zg-footer>, and <zg-source>
• Removed error when date column does not contain date data
• Fixed conflict with row selector and <zg-caption>
• Fixed issues with mutation observer refreshing
• Fixed grid:pagechange event firing time
• Fixed bug with aggregate column modification
• Fixed issues with focus after closing the details dialog
• Updated [type-select-options] to reset on removal
• Updated width on select filters
• Fixed Angular issue with preventDefault alerts
• Reverted style to allow for cell overflow in special cases
• Fixed width of [<zg-no-data>](https://www.zinggrid.com/docs/api/tags/zg-no-data) to extend to match the header width
• Maintain horizontal scroll position after filtering to nodata
• Fixed bug with filter on select column type
• Fixed bug with setting the data after grid init but before grid load
• Fixed bug with paging after insert
• Fixed button style conflicts with Bootstrap
• Modified theme colors in black and dark theme
• Allow custom [head-cell] function to be defined after the grid
• Fix positioning of card data
• Hide clipboard pixel
• Prevent row creation when validation fails
• Fixed dialog alignment
• Consider width of aggregate foot and head cells when calculating column width
• Fixed horizontal scroll bar always showing when vertical gridlines are used
• Fixed bug in disabling button
• Fix RTL issues
• Fixed bug with horizontal scrolling after edit
• Fixed card mode race condition on load
• Only fire column:filter event when the filter value changes
• Adjusted the batch edit status message CSS to display nicer
• Fixed bug with adding a new row when the data structure contains nested data
• Fixed cleanup bug
• Fixed issues with aggregate columns on other column removal
• Fixed putting <zg-select> in caption, header, and footer
• Fixed aggregate column head and foot cell functions
• Fixed filter CSS
• Fixed event oversights
• Updated [type-button-disabled] to properly disable actions on click
• Fixed positioning of icons when [dir="rtl"]
• Fixed bug on disconnect between head and body scroll
• Update the local version of the record if the server returns the record object after insert or update

v1.6.0

Release Information

Features

• Batch Editing

  • ZingGrid has batch editing as a built-in feature. Enable by including the [batch-edit] attribute to start editing, inserting, and removing rows as a single action.
    

• Custom Filter object

  • The custom filter object allows customizing part of or all of the filterer.
    

• Other minor features:

  • Added in an <zg-cell-overflow> element to put in cell content that sits on top of grid

Bug Fixes

• Fixed issues with keyboard navigation and batch editing
• Fixed issues with non-text column types that are rendered as text
• Fixed batch editing validation
• Fixed bug with radio column type
• Fixed horizontal scroll bug
• Added CSS variables for batch edit styles
• Fixed issues with deleting previously added rows
• Fixed problems with inserts that return the full dataset
• Fixed problems with grids that subscribe to a dataset
• Fixed UX issues with frozen rows and batch editing
• Separated the batch edit message to it's own region in the <zg-control-bar>
• Fixed issues with borders in Chrome
• Prevented horizontal scrollbar from being added with gridlines
• Allow batch editing even if editor is disabled
• Ensure edits are always taken despite follow up action (filter, sort, page, etc)
• Ensure edits are taken even if clicking 'save' before clicking out of the edit cell
• Update status tokens to include fieldsEdited and recordsEdited
• Ensure order of setBatchEdit() and setBatchEditStatus() does not matter
• Fixed default response of getConfirmations()
• Fixed recognition of user defined functions for deleteCustomFunction, createCustomFunction and updateCellCustomFunction
• Fixed alignment issues with <zg-dialog>
• Fixed batch editing theming for dark mode
• Added tooltips for batch editing buttons
• Fixed refresh functionality during batch edit
• Fixed batch editing within grouped data
• Fixed batch editing classes conflicting with [cell-class] and [col-class]
• Fixed error with batch edit status displaying after save
• Fixed a bug with required fields in insert
• Fixed a bug with the count aggregate calculator
• Fixed layout issue with [group-by] and Frozen Columns
• Fixed "rtl" in aggregate when number begins string
• Updated groupRowAggregate renderer to include values for each groupby index
• Fixed radio inline editing style
• Fixed header scroll bug with batch editing
• Fixed focus issues
• Fixed themed styles for batch editing
• Fixed issues with editing the date column type
• Updated the style of batch editing
• Added Spanish values for batch editing
• Fixed batch editing with [row-selector] removals
• Fixed combinations of column generation attributes and defined columns
• Fixed positions of column buttons in card mode
• Fixed widths of batch editing in card mode
• Fixed positions of batch editing buttons in card mode
• Allow custom class functions to be defined after the grid
• Changed default theme color of black theme
• Fixed dialog color in the black theme
• Fixed dynamic language change with batch editing
• Implemented changes for black theme borders
• Merged batch edit message changes
• Only show <zg-control-bar> when <zg-control-bar> items are added to the grid
• Unfocus edit on search button click
• Updated [batch-edit] message to display inline if it fits, otherwise to display under the current row
• Fixed error with aggregate renderers
• Updates after removing [group-head-cell] attribute

v1.5.3

Release Information

Bug Fixes

• Fixed card to row layout bug