Replace the Filter Cell of a Grid Column With a Save Order Button

Updated on May 5, 2026

Environment

Product Version	14.4.0
Product	Progress® KendoReact Grid

Description

I have a KendoReact Grid that supports row reordering through drag and drop and shows the current row position in an Order column. I want to replace the default filter input with a custom Save Order button that persists the current row order to a database or to localStorage.

Solution

Pass both a custom data cell and a custom filterCell to the cells prop of the GridColumn. The filterCell component completely replaces the default filter UI, so you can render a Kendo Button that triggers your save logic. The data cell renders the current row position as a plain number.

Change Theme

Theme

Loading ...

See Also

• Grid Custom Cells
• Grid Filter Cells
• Grid Row Reordering
• GridColumnProps API
• GridCellsSettings API