Wijmo Vue DataGrid (FlexGrid)
A fast, flexible Vue data grid with advanced editing and customization.
- Supports Excel-style in-cell editing with customization options.
- Offers master-detail views and nested grids for hierarchical data.
- Includes robust selection modes and dynamic cell templating.
Prices from:
| Available in | |
|---|---|
| Wijmo | Loading |
| ComponentOne Studio Enterprise | Loading |
Excel-Like In-Cell Editing
FlexGrid enables users to edit data directly within cells using familiar Excel-style interactions. Developers can customize editing behavior, implement validation, and use pop-up or custom editors for tailored editing experiences.
Master-Detail View Support
Display hierarchical data effectively by linking a master grid with detail views or by embedding nested grids inside row detail panels. This allows detailed exploration and editing of related records within a single interface.
Custom Cell Templates
Enhance the grid by defining custom templates for cells, incorporating images, buttons, hyperlinks, or custom Vue components. Conditional styling and dynamic updates enable precise control over cell appearance and behavior.
Dynamic Data Updates
FlexGrid efficiently updates only those cells bound to changed data items, improving rendering performance especially with frequently changing data sources.
Advanced Selection Modes
Users can select individual cells, multiple rows, or ranges via mouse and keyboard. Features include checkbox selection, marquee-style selection outlines, and programmatic selection adjustments to suit diverse interaction needs.
Data Validation and Input Method Support
Built-in data validation supports automatic type coercion, data maps, event-based, and collection-view validation. Input Method Editor (IME) support ensures compatibility with complex input languages such as Japanese, Chinese, and Korean.
Performance Optimization
FlexGrid maintains high speed and responsiveness even with large datasets through automatic virtualization of rows and columns, reducing rendering overhead for extensive data collections.
Extensible API and Integration
The component provides a flexible API that allows developers to extend functionality, integrate with other controls, and tailor grid behavior to meet specific application requirements.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Vue.js
About MESCIUS
MESCIUS, formerly known as GrapeCity, is a leading developer-focused brand established in Japan, with a history spanning over 30 years. It is recognized for its extensive suite of software components, including reporting frameworks, spreadsheet libraries, and Japanese market-oriented input controls. Popular products such as ActiveReports, SPREAD, InputMan, and ComponentOne support both .NET and JavaScript ecosystems and are widely used in business-critical applications. MESCIUS offers distinctive advantages such as proven reliability, comprehensive Japanese localization, and strong technical support, making it a trusted choice for IT professionals and software developers building complex and localized systems.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from MESCIUS.