DevExtreme DataGrid Skill

A skill for building and configuring the DevExtreme DataGrid UI component (dxDataGrid) across Angular, React, Vue, and jQuery.

When to Use This Skill

• Displaying tabular data with sorting, filtering, grouping, and paging
• Enabling inline, row, batch, popup, or form-based editing
• Connecting the grid to a local array, OData endpoint, or custom REST API
• Configuring column types, formats, templates, and lookup editors
• Exporting data to Excel or PDF
• Implementing master-detail layouts
• Customizing the toolbar
• Adding AI columns that generate per-row insights from an LLM

Before You Start

If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's AskUserQuestion tool or GitHub Copilot's askQuestions tool. If no such tool is available, ask the questions directly in the chat response before generating code.