Data Grids

  • Bind Flat Data to the Data Grid

    Ignite UI includes the fastest JavaScript / HTML5 grid on the market. Bind to a variety of data sources including JSON, XML, HTML tables, .NET collections, and even .NET DataTables. The HTML5 grid works with popular open source libraries including AngularJS, KnockoutJS, History.js, JsRender, and Bootstrap. It includes the features you expect – including data editing, sorting, filtering, grouping, column pinning, column resizing, column summaries, data templates, paging, load-on-demand, and a lot more. Learn More

    Ignite UI Data Grid: Flat Data
  • Hierarchical / Master Detail Data

    Built on top of the flat data grid, the JavaScript / HTML5 hierarchical grid delivers on master-detail displays with no compromises. Bind the hierarchical grid to a variety of data sources including JSON, XML, .NET collections, and even .NET DataSets. Use load-on-demand to deliver any amount of data to client. Included are interactions that you need for your enterprise apps – data editing, sorting, filtering, column resizing, column summaries, paging, and more. Learn More

    Ignite UI Data Grid: Hierarchical / Master Detail Data
  • Tree Grid Data

    The JavaScript / HTML5 TreeGrid presents hierarchical data by combining the principles of a tree and tabular data into a single control – with rollup summaries, sorting, filtering, grouping, paging, column-fixing & hiding, and more. The Tree Grid presents hierarchical data similar to the Ignite UI HTML5 hierarchical grid control - -but the tree grid displays data all in the same columns. Perfect for financial applications like balance sheets, or any data scenario that requires roll-up columns or hierarchical data displayed in fixed columns. The Tree Grid supports line of business features like data editing, sorting, filtering, paging, column fixing, column hiding, multi-column headers and more. Learn More

    Ignite UI Data Grid: Tree Data Grid
  • Pivot Data

    The JavaScript / HTML5 pivot grid is designed for the most demanding data displays, including complex analysis on the rendered data. Use this grid for multi-dimensional OLAP data sources, or even allow complex interactions on flat data on the client. Use MDX, XMLA or even data sources like JSON or XML to provide a rich, interactive analysis including support for KPI’s. Learn More

    Ignite UI Data Grid: Pivot Data
  • Spreadsheet

    The JavaScript / HTML5 Spreadsheet component provides a powerful and familiar way to manage data. Supported by the Infragistics JavaScript Excel library, enabling it to import and export data to and from Microsoft Excel files either locally or from a service. The Spreadsheet component supports all basic spreadsheet features, including workbooks, worksheets, cells, formulas, and more. Learn More

    Ignite UI Data Grid: Pivot Data

Beautiful Data Visualizations

Choose from over 75 JavaScript / HTML5 charts and data visualization options. Interactive Chart components include; Area, Bar, Category, Data, Doughnut, Funnel, Pie, Sparkline, Financial, Trendline, Gauges and many more for building line-of-business browser based apps.

Ignite UI Data Charts

Integrates with Your Favorite Frameworks

JavaScript / HTML 5 components in Ignite UI fully support all of your favorite app frameworks, databinding libraries, and IDEs. With full support for AngularJS, Angular, React, KnockoutJS, Microsoft MVC, Bootstrap, Ionic, Onsen and more, the choice is yours for building your next great app. Full AMD support allows you to use your favorite module loaders like Require JS, SystemJS, Webpack, Browserify and many others.

Angular

Ignite UI delivers inherent Angular support. All Ignite UI components have component definitions with Angular and are hosted on GitHub. Learn more about our Angular components.

React

Our React Components enable you to use any of our Ignite UI components, including charts and grids, in your React application.

Angular JS

Use our AngularJS directives to declaratively build your next JavaScript & HTML based MVC app. Our directives, housed on Github, give you full two-way databinding and clean Angular integration.

Twitter Bootstrap

Build mobile first, responsive web applications with Bootstrap and Ignite UI that work on every device. Bootstrap 4 has moved from LESS to SASS and so have all of our new Ignite UI themes which you can customize to your needs. Our LESS-based Bootstrap themes will also fit your requirements for superb web designs.

ASP.NET MVC

Ignite UI offers ASP.NET MVC support (including .NET Core). Run server-side components while keeping your HTML5 interactivity. All or our ASP.NET MVC wrappers support the new .NET Core architecture and include Tag Helpers for all of our controls. Enjoy a seamless experience on all browsers.

Knockout

Our KnockoutJS support delivers dependency tracking, templating and automatic UI refresh using Knockout’s easy mapping of DOM elements to your data model.

We Love TypeScript

Productivity is a challenge when you need to be an expert in various JavaScript libraries that you are expected to be an expert in. That’s where our Ignite UI TypeScript definitions come in.

Productivity is a challenge when you need to be an expert in various JavaScript libraries that you are expected to be an expert in. That’s where our Ignite UI TypeScript definitions come in.

With TypeScript, we augment our JavaScript libraries with strong typing, class-based inheritance and many other features that make JavaScript development a lot less error prone and more maintainable, especially for large projects.

Get the Ignite UI TypeScript definitions to enable static checking, symbol-based navigation, statement completion, and code refactoring in your favorite tool – even Visual Studio Code!

Use your favorite tools, like Visual Studio Code, for code refactoring

Speed Up Your Time-To-Market

Get started fast with hand on training, documentation, and a large developer community. Ignite your applications with cross-browser compatibility, ready to use themes, and more than 75 UI components to help you create responsive, modern web apps.

Get Started with Tutorials

Step-by-step how to guides, video tutorials, and sample code to help you write fast, run fast, and build for the modern web.

Unmatched Product Support

With 24x5 support, phone, chat, forums, a full UI & UX services team and account managers in offices across the globe, Infragistics is ready to help drive the success of your next project.

UI Components for Everything

Ignite UI comes complete with over 75 JavaScript / HTML5 UI components, libraries and tools for everything from Single Page Apps to scalable, enterprise solutions.

Working With Data

Data management can be tricky if you are dealing with more than one data source on or offline. Keep track of all your data sources and provide easy binding to your UI with Ignite UI’s one of a kind DataSource component. Bind to JSON, HTML, OData, XML, or all of them.

Responsive Layout

We’ve built in responsive design to our charts and grids – and it all works with our numerous layout options for building modern web experiences.

Themes & Branding

Make your apps look consistent no matter what framework you choose, with - built-in themes, support for custom themes, Bootstrap theme support, Theme Roller support, and even an on-the-fly Bootstrap to Theme Roller conversion.

WYSIWYG Page Designer

Drag-n-drop your way a modern Web experience – use our Page Designer with our UI components, data connectors, layout & theme support to design and code your next HTML5 & JavaScript app.

Export & Import Data To & From Microsoft Excel

Enable your users to work with their advanced data. Users can programmatically import data and display it in the Spreadsheet component that supports all Excel formulas, structural features, workbooks and worksheets. Export data and save it to a local file or stream it to a remote computer.

Works on Any Browser

Never worry about how your app looks in Chrome vs. Safari vs. IE vs. Edge vs. FireFox - with support for modern browsers and compatibility with the old.

Inspiration is Everywhere

Don’t start from scratch when you don’t have to. We’ve created reference applications, starter kits, and rich samples to drive your productivity. Get started by downloading the template to your next great app!
View all reference applications »

Reference App for Project Management

Project Management

The Finance Dashboard sample demonstrates the data chart, combo, dialog, and zoom bar controls for the Financial Services industry.

Get the App
Reference App for Marketing

Marketing

This reference application demonstrates the date picker, data chart, map, doughnut chart and bullet graph controls to tackle specific analytical challenges.

Get the App
Angular Reference App for Finance

Finance

The Finance Dashboard sample demonstrates the data chart, combo, dialog, and zoom bar controls for the Financial Services industry.

Get the App

Learn and Support Resources

Pricing

$0 per developer, royalty-free subscription
  • Create powerful JavaScript/HTML5 applications on Angular, React, and other popular frameworks
  • Includes access to source code
$0 per developer, royalty-free subscription
  • 100+ desktop, mobile, and web controls including access to source code
  • Time-saving productivity tools
  • Prototyping and usability testing
  • Additional training/support available

Don't Miss Out

Get 10% off Infragistics Professional when you click Buy Now.

$0 $0
  • 100+ desktop, mobile, and web controls including access to source code
  • Time-saving productivity tools
  • Additional training/support available

Join the Conversation