Released: Jun 11, 2026

2.2.0 中的更新

特性

• Filter Summary Chart
  • ZingGrid's new built-in filter summary chart provides a visual way to explore and filter data using an interactive summary chart.
  • This feature can be enabled at either the grid- or column-level by setting [filter="summary"].
• [filter-summary-chart]
  • Specifies which chart type the filter summary chart renders.
  • The default behaviors are:
    • pie: for boolean-like column types.
    • histogram: for numeric column types.
    • bar: for all other column types.
  • The supported options are bar, default, histogram, pie.
  • Can be set at both the grid- or column-level.
• [filter-summary-node-sort]
  • This attribute configures the node sort order.
  • The default behaviors are:
    • bar: count-desc.
    • histogram: value for numeric types and alphabetically for the rest.
    • pie: count-desc.
  • The following node sort orders are supported:
    • alphabetical: alphabetically by their label.
    • count-asc: count in ascending order.
    • count-desc: count in descending order.
    • default: default based on chart and column type.
    • value: node numeric value.
    • none: retain original order.
  • Can be set at both the grid- or column-level.
• [filter-summary-multi-node]
  • This attribute accepts only "disabled" to disable the default behavior of selecting multiple nodes in a bar or pie chart.
  • Can be set at both the grid- or column-level.
• Filter Summary Method: filterSummaryColumn()
  • Trigger filter with filterSummaryColumn(). This method accepts two arguments:
    • sFieldIndex: Index of column.
    • sFilterTerms: Array of filter terms. For bar or pie, expects at least one element. For histogram, expects one or two elements, where the first represents the starting node and the second the ending node.
• Filter Summary Events
  • The column:filter event triggers when filtering through the filter summary charts.
  • The following events trigger when toggling the filter summary row:
    • column:filter:summary:close.
    • column:filter:summary:open.
• The filter attribute also accepts "all" to enable all three filters (inline, menu, summary).
• Additional Features
  • Filter toggle row appended to grid to toggle filter summary row.
  • Clear button appears when filter is active to clear filter results.
  • Long labels are truncated.
  • Color type nodes are set to the color they represent.
  • NaN nodes are yellow.
  • Boolean false nodes are red.