Expand All

  Getting Started

  Interfacing

  Features

  Row Models

  Themes

  Components

  Examples

  Third Party

Misc

Github stars make projects look great. Please help, donate a star, it's free.
Read about ag-Grid's Partnership with webpack.
Get informed on releases and other ag-Grid news only - never spam.
Follow on Twitter

Floating Rows

Floating rows hang either above or below the normal rows of a table. This feature is also called Frozen rows in other grids. In ag-Grid they are called Floating Rows.

To put floating rows into your grid, set floatingTopRowData or floatingBottomRowData in the same way as you would set normal data into rowData.

After the grid is created, you can update the floating rows by calling api.setFloatingTopRowData(rows) and setFloatingBottomRowData(rows)

Cell Editing

Cell editing can take place as normal on floating rows.

Cell Rendering

Cell rendering can take place as normal on floating rows. There is an additional floatingCellRenderer callback you can use to give floating cells a different cellRenderer to the other cells. If both cellRenderer and floatingCellRenderer are provided, frozen cells will use floatingCellRenderer if available, if not then cellRenderer.

Example

Example below shows floating rows.