Row Pinning

Goals

• Using the pinnedTopRowData input binding on the <ag-grid-angular> component enables us to specify row data that is pinned to the top of the grid. The pinnedBottomRowData provides us the ability to pin row data to the bottom of the grid.
• Enable single (or multiple) row selecting using the rowSelection input binding.
• Set the checkboxSelection property for a column definition to include a checkbox in the column for all rows to enable the user to select rows in the grid UI.
• The pinnedTopRowData does not have to be static or hard-coded row data, rather, we can leverage RxJS to stream the row data that the user selects to pin rows in the grid.

Links

• RxJS Subjects
• Row Pinning