Kendo UI for Vue — Development Guidelines

Architecture Decisions

Native Grid vs. Wrapper Grid

There are two Grid packages — use the Native Grid for all new work:

The wrapper API uses <kendo-grid> and DataSource; the Native Grid uses :data-items and event-driven state. All samples below use the Native Grid.

Client-Side vs. Server-Side Operations

• Client-side (< ~5,000 rows): use the process() function from @progress/kendo-data-query. Pass your raw array + the current DataState and bind the result directly.
• Server-side (large datasets or slow data): handle @datastatechange, send the state to your API, and bind the returned { data: T[], total: number } to the grid. Set :total to the server-reported count so the pager is accurate.