KendoReact Smart DataGridPremium
The KendoReact Smart Grid enhances the traditional data grid with AI-powered capabilities that make data exploration more intuitive and efficient. By leveraging artificial intelligence, the Smart Grid can automatically analyze data patterns, suggest relevant operations, and provide intelligent insights to help users discover meaningful information faster.
Start Free Trial
Basics of Smart Features in the KendoReact Data Grid
The Smart Grid functionality is enabled through AI-powered components that integrate seamlessly with the traditional Grid features. When Smart features are enabled, users can interact with data using natural language commands and receive intelligent suggestions for data operations.
The demos in this article use a Telerik-hosted AI service for demonstration purposes only. For production applications, you should implement your own AI service that understands your specific domain, data, and business requirements.
Features of Smart Grid
- AI Toolbar Assistant—Perform filtering, sorting, locking, reordering and grouping operations using natural language prompts.
- AI Column Assistant—Add AI-powered insights for individual grid rows with personalized recommendations.
- AI-Powered Highlighting—Visually identify data patterns and outliers without applying traditional filters.
- AI-Powered Selection—Select specific data rows using natural language prompts for intuitive data interaction.
- Intelligent Data Analysis—Automatically analyzes your dataset to identify patterns and suggest relevant filtering, sorting, and grouping operations.
- Smart Recommendations—Provides context-aware suggestions based on data types, user behavior, and common data analysis patterns.
- Custom AI Integration—Flexible architecture that supports integration with your own AI services and domain-specific logic.
The following example demonstrates a Smart Grid that processes natural language requests for performing data operations, column management, selection, highlighting, and export operations.
You can try interacting with the demo using natural language prompts such as:
- 'Group by Account Type'
- 'Select withdrawals over 1000'
- 'Display withdrawals over 800 after 1st of May'
- 'Resize customer name column to be 300px'
- 'Unlock the Amount Name column'
- 'Hide Amount column'
Using the KendoReact Smart Features
To enable Smart Grid functionality in the KendoReact Grid and utilize its built-in state management, follow these steps:
- Enable the
autoProcessDataprop to allow the Grid to handle the updated state automatically. - Configure the Smart Grid components with your AI service endpoint.
- Set up the AI-powered toolbar tools and column assistants as needed.
By default, the
GridToolbarAIAssistantcomponent doesn't keep the prompt history and results returned by the AI model. To maintain conversation history, you need to implement custom logic using theoutputsprop, as demonstrated in the Smart Grid Basic Operations and other detailed implementation examples throughout the Smart Grid documentation.