Row height and pinned rows

Use this to keep summary rows visible while scrolling or increase row spacing for readability.

Try it yourself

1. Find the pinned summary row

   Inspect the summary row at the bottom, displayed separately from regular orders.

2. Check while scrolling

   Scroll down inside the table. The summary row remains separate from the list.

3. Compare row spacing

   Under Data and display, change row spacing to 28px or 44px. The number of orders visible at the same height changes.

This summary uses fixed sample values, not automatic order totals. Cell spans and full-width rows require separate column/row settings.

Useful terms

pinnedBottomRowData

Row data displayed at a fixed position below the table.

rowHeight

Each row's height in pixels.

Key API examples

Application code that references the registered Grid element as grid.

grid.pinnedBottomRowData = [{id:'SUMMARY',product:'Summary',quantity:120}];