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