Xceed is proud to announce the release of Xceed DataGrid for JavaScript. It may be new, but it is much more than a simple version 1.0! You will be able to use the DataGrid across many frameworks, starting with the popular Angular and React, and Vue.js to soon follow. 

• Already feature rich  
• Fast and reliable update system  
• More features, improved performance, new themes, and much more, coming on a regular basis.  

Get it on NPM or Try it live!

Extreme attention to details went into building the Xceed DataGrid for JavaScript. With almost 20 years of experience building data grids under our belt, we took advantage of this cumulated experience to build the absolute best product available on the market.

Already Feature Rich 

Extreme attention to details went into building the Xceed DataGrid for JavaScript. With almost 20 years of experience building data grids under our belt, we took advantage of this cumulated experience to build the absolute best product available on the market. 

This may be a new product, but with 2 years in the making, it is far from being a simple v1.0 and comes with many useful features already included. 

Simple Column Management 

The Width, Position and Visibility of each column can be easily modified. Ability to provide a custom viewer to personalize the look of the information in each column. 

• Easy to modify  
• Viewers  

Data Binding

Support for both local data sources and async data sources such as one from an external server. 

• Local data source  
• Async data sources  

Data Manipulation 

Easy to use Grouping, Sorting and Filtering. Grouping includes the ability to provide your own custom comparer and have predefined groups 

• Grouping  
• Sorting  
• Filtering  

Flexible Layout options 

Ability to use the default ‘endless mode’ or opt for a Data Pager mode which is better adapted for larger data sets. 

• Endless mode  
• Data Pager mode  

Editing and Validation 

Ability to specify the specific edit triggers to be used to activate edition, such as key press and mouse clicks; some hooks are available built-in but custom ones can also be provided. It is possible to provide your own viewers/editors/formatters or use the default ones that are included. Custom validation rules can be provided, but again there are some available built-in that are ready to use. 

• Support for various edit triggers  
• Viewers, Editors and Formatters  

• Validation rules  

Custom Styles 

Many of the grid’s element can be customized with styles, even specific states on the data row (is selected, is alternate) and on data cell (is current, is invalid) can be made to use a specific custom style. Validation errors are also stylable. 

• Many elements can be customized with a style  

• Even specific states can have their style customized  
• Validation errors are also stylable  

Themes 

The grid includes two (2) built-in themes, with more to come; they are ready to use and easy to modify. All included themes support both light and dark variants. 

• Ready to use  
• Easy to modify  
• Two built-in themes with more to come  
• Included themes support both light and dark variants  

Support for Frameworks and Libraries 

The grid already supports both React and Angular out of the box. Support for Vue.js is coming soon 

• Angular  
• React  
• Vue.js (coming soon)  

Modern Development Approach 

The Xceed DataGrid for JavaScript takes full advantage of modern development methodologies and technologies. We use a devops approach for our development cycle with a solid Agile methodology, which allows our customers to have their word to help guide our roadmap.  

Invest in piece of mind 

Xceed does what other sources do not. We have a solid pipeline dedicated to make sure new features do not introduce bugs and other potential issues. It is so simple to use that you will be able to focus on your business logic rather than in learning a complex control. We also have a robust documentation and a dedicated support team to help you get started.