data-providers

Bind and page data for Vaadin 25 grids and combos with data providers.

11|3|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/vaadin/claude-plugin --skill data-providers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-providers
Source: https://github.com/vaadin/claude-plugin/tree/main/skills/data-providers
Command: npx skills add https://github.com/vaadin/claude-plugin --skill data-providers

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vaadin 25 data providers enable efficient binding and paging of data for grids and combo boxes, helping keep UIs responsive with large datasets.

Core Features & Use Cases

  • In-memory vs lazy loading for scalable data presentation
  • Bind data to Grid with setItems and setItemsPageable
  • Use CallbackDataProvider and configurable data providers for custom sources
  • Support for filtering and sorting in both Spring-backed and non-Spring scenarios

Quick Start

Bind a Vaadin Grid to a Spring-backed data provider using setItemsPageable.

Frequently Asked Questions about data-providers

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind data to a Vaadin 25 grid using a Spring Data repository?

Bind data to a Vaadin 25 grid using Spring Data repositories by calling setItemsPageable with your repository to enable automatic paging, filtering, and sorting directly from the backend service.

What's the best way to implement lazy loading in a Vaadin grid for large datasets?

Implement lazy loading in a Vaadin grid using a CallbackDataProvider to fetch data on demand, keeping the UI responsive by only loading pages of data as the user scrolls through large datasets.

When should I use setItems versus setItemsPageable for Vaadin grid data binding?

Use setItems for in-memory data collections to load everything at once, while setItemsPageable is designed for backend data sources like Spring Data repositories where server-side paging and sorting are required.

Does the Vaadin CallbackDataProvider support custom filtering and sorting?

Yes, the Vaadin CallbackDataProvider supports custom filtering and sorting by passing configuration objects to your data fetch callbacks, allowing you to translate UI grid requests into backend queries.

Can I use Vaadin data providers without a Spring backend?

Yes, Vaadin data providers work without a Spring backend by using configurable data providers and CallbackDataProvider patterns to connect grids and combo boxes to non-Spring data sources.