Status and aggregates PRO
Inspect row counts and selection aggregates below the table.
Options
Changes below update the Grid and code immediately.
The aggregate status bar is enabled. Read row-count information below the table.
View code
Sample data included in the code · 6 rows
Usage guide
#Quickly inspect total row counts or summaries of selected numeric cells below the table.
Try it yourself
- Inspect the initial status
The aggregate status bar is enabled. Read row-count information below the table.
- Compare search results
Enter Platform above the table and inspect the displayed row count.
- Compare range aggregates
Enable Range selection below and select several Quantity cells. Inspect the aggregates offered by configured status panels.
Check list or selection state without leaving the table.
Available aggregates depend on statusBar panel configuration. The status bar does not change source data.
Useful terms
- statusBar
- Configures status and aggregation panels below the table.
- Aggregation
- Calculating summaries such as sums, counts, or averages from multiple numbers.
Using this feature in your product requires the Pro runtime and a valid license.
API reference
#Key properties
| Attribute / Property | Type / Default | Description |
|---|---|---|
PRO statusBar | boolean | { panels?: ReadonlyArray<{ panel: string; align?: string }> }Default: undefined | status bar below the grid body (columnDefs mode only). `true` (attribute `status-bar`) renders the default panel set (combined "Rows: filtered of total" count); the object form declares panels by NAME (serialisable — same policy as `aggFunc`): `{ panels: [{ panel: 'totalRows' | 'filteredRows' | 'totalAndFilteredRows', align?: 'left' | 'center' | 'right' }] }`. Unknown panel names warn once and are skipped. adds the selection/aggregation panels. |
Explore each feature
Learn when to use each feature and how to configure it. Each guide identifies live examples and features you connect in your app.