What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chart Wizardnew
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- - Overviewupdated
  - Getting Started
  - Data Binding
  - Chart Integrationnew
  - Master-Detail Grids
  - Custom Cells
  - Columns
  - Rows
  - Editing
  - Filteringupdated
  - Sorting
  - Grouping
  - Paging
  - Scrolling
  - - Basics
    - Scrolling Into View
    - Virtual Scrollingupdated
  - Interactivityupdated
  - PDF Export
  - Excel Export
  - Printing the Gridnew
  - Styling
  - Optimization
  - Globalization
  - Accessibilityupdated
  - API
- Data Query
- Data Toolsupdated
- Date Inputs
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChart
- PDF Processing
- PDF Viewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheet
- 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