New to Kendo UI for Angular? Start a free 30-day trial

Angular Smart Grid Overview

Updated on Feb 6, 2026

The Smart Grid enhances the traditional Angular Grid with AI-powered capabilities that enable users to interact with data using natural language. These capabilities transform how users explore and manipulate Grid data, making complex operations more intuitive and accessible.

Smart Grid features are delivered through specialized tools that provide interfaces for natural language interaction and semantic understanding. These tools integrate with your backend AI service to interpret user requests and apply the corresponding Grid operations.

Explore the Smart Grid capabilities through the following examples:

AI Smart Box

Versatile search box combining traditional search, semantic search, and AI-powered Grid operations.

Semantic Search

AI-enhanced search that interprets user intent and matches related terms and contextual meanings.

AI Chat Assistant

Conversational Chat interface for performing Grid operations through natural language commands.

AI-Powered Row Highlight

Intelligent row highlighting based on natural language criteria.

AI Toolbar Assistant

Natural language control over data operations, column management, selection, highlighting, and export.

AI Column Assistant

Personalized insights and explanations for individual data records through natural language questions.

Supported Operations

The Smart Grid tools support semantic search for intelligent data exploration and enable applying various Grid operations through natural language prompts:

Category	Operations
Search	Semantic Search—Search data using natural language with semantic understanding that interprets intent and matches related terms and contextual meanings.
Data Operations	Filtering—Filter data based on specific criteria. Sorting—Sort data by one or multiple columns. Grouping—Group data by specific fields. Paging—Navigate to specific pages and change page size through natural language commands.
Column Operations	Resize—Resize columns to specific widths. Reorder—Change the order of columns. Show/Hide—Show or hide specific columns. Lock/Unlock—Lock or unlock columns to keep them visible while scrolling.
Highlighting and Selection	Row/Cell Highlighting—Highlight specific rows or cells that meet certain conditions. Row/Cell Selection—Select/deselect rows or cells based on criteria, or select/deselect all items.
Export	Excel/PDF Export—Export Grid data to Excel or PDF format.

The Smart Grid AI Assistant tools can only apply operations that are enabled in your current Grid configuration. For example, if filterable is not set, you will not be able to perform filtering using these tools.

Smart Grid Tools

The Smart Grid provides the following specialized toolbar tools that enable natural language interaction with your Grid data.

AI Smart Box

The AI Smart Box is a versatile search box that combines traditional search functionality with AI-powered capabilities. It provides three distinct modes that you can enable independently or in combination:

Search Mode—Traditional keyword-based filtering across the Grid columns.
Semantic Search Mode—Enhanced search that interprets user intent and matches related terms, synonyms, and contextual meanings to find semantically relevant data in the Grid.
AI Assistant Mode—Full AI-powered Grid control with the same capabilities as the AI Toolbar Assistant. Users can perform any supported Grid operation through natural language prompts entered in the AI Assistant mode of the Smart Box.

The AI Smart Box is ideal when you want to provide a unified search and AI interaction experience in a single Grid toolbar control.

For an enhanced user experience with additional search capabilities, prompt suggestions, and streamlined UI, we recommend using the AI Smart Box. The AI Smart Box combines traditional search, semantic search, and AI-powered operations in a single, unified interface.

The AI Toolbar Assistant is a dedicated toolbar button with a distinctive AI sparkles icon that provides a streamlined interface for AI-powered Grid control, allowing users to enter natural language prompts to perform Grid operations.

This tool is ideal when you want to provide AI capabilities as a dedicated feature in your Grid toolbar, separate from other Grid controls. It offers a focused user experience specifically designed for performing supported Grid operations through natural language prompts.

For more information about setting up and integrating these tools, refer to the AI Assistant Tools Setup article.

AI Service Configuration

The Smart Grid AI Assistant tools require a backend AI service that you must implement to process natural language prompts and return structured Grid operation commands. This service acts as the bridge between user prompts and Grid operations.

When a user interacts with the Smart Grid, your Angular application sends the prompt to your backend, which should process it using your configured AI provider, and return structured commands that the Grid can apply automatically.

Smart Extensions

To simplify your backend implementation, we provide the Telerik.AI.SmartComponents.Extensions library for .NET applications. This library handles the complexity of interpreting natural language and generating Grid-compatible responses.

The library integrates with Microsoft.Extensions.AI and supports Azure OpenAI, OpenAI API, or local LLM models. It provides pre-built functionality for processing Grid-specific prompts and formatting responses correctly.

For detailed implementation instructions, including package installation, AI provider configuration, and controller setup, see AI Service Setup.

Custom Implementation

If you use a non-.NET backend (such as Node.js, Python, or Java) or have specific requirements that Smart Extensions does not cover, you can build your own AI service implementation.

Your custom backend must:

Accept requests with the user's prompt and Grid column information.
Process the prompt using your chosen AI provider or LLM.
Return responses in the format that the Angular Grid expects.

Use the detailed information about the expected request and response structures from the AI Service Setup article to build a compatible custom service.