What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- - Overviewupdated
  - Getting Started
  - Data Bindingupdated
  - Master-Detail Gridsupdated
  - Custom Cells
  - Columnsupdated
  - Rowsupdated
  - Editingupdated
  - Filteringupdated
  - Sorting
  - Grouping
  - Pagingupdated
  - Scrolling
  - - Basics
    - Virtual Scrolling
    - Scrolling Into View
  - Interactivity
  - PDF Export
  - Excel Export
  - Styling
  - Optimization
  - Globalization
  - Accessibilityupdated
  - API
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Formupdated
- Ganttupdated
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Data Grid / Scrolling / Scrolling Into View /

Scroll Into View

Scroll into view enables the user to scroll to a specific row in the grid.

Getting Started

Set the Grid's height through its style property.
Set the rowHeight prop to match the height of the row.
Pass the target row index to the scrollIntoView method.

The following example demonstrates the basic implementation of the Scroll Into View functionality of the Grid.

Example

View Source

Change Theme:

Suggested Links

Virtual Scrolling