• North American Sales: 1-800-231-8588
  • Global Contacts
  • My Account
Infragistics logo Infragistics logo
Menu
  • North American Sales: 1-800-231-8588
  • My Account
    • Sign In/Register
  • Design & DevelopmentDesign & Develop
    • Best Value Bundles
      Infragistics Ultimate $2,355 The only complete UX/UI toolkit for building high performance, modern web, mobile and desktop applications.
      Infragistics Professional $1,575 The comprehensive UI components library for web, mobile and desktop developers.
      Ignite UI $1,355 A complete library of UI components for building modern, data-rich and responsive web apps.
    • Web
      App Builder (New) Ignite UI

      Angular | Grid Samples

      Blazor React Web Components | Grid Samples Ultimate UI for ASP.NET Core Ultimate UI for ASP.NET MVC Ultimate UI for jQuery Ultimate UI for ASP.NET Web Forms
    • Desktop
      Ultimate UI for Windows Forms Ultimate UI for WPF
      Cross Platform
      Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin
    • Design to Code
      Indigo.Design App Builder (New) Design System & UI Kits
      Automated Testing Tools
      Test automation for Micro Focus UFT: Windows Forms Test automation for Micro Focus UFT: WPF Test automation for IBM RFT: Windows Forms
  • UX
    • App Builder Cloud-based WYSIWYG Drag & Drop Tool, Endless Theming options and Standards-Based Code Output
    • Indigo.Design A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development
  • Business Intelligence
    • Reveal Easily embed beautiful data visualizations into your apps
    • Slingshot Empower everyone in your organization to use data to make smarter business decisions
  • Team Productivity
    • Slingshot Connect everyone you work with to data, project management, content and chats for better results.
    • SharePlus Secure, instant access to content and data on the go – with or without connectivity.
  • Learn & SupportSupport
    • Help & Support Documents
    • Blogs
    • Forums
    • Product Ideas
    • Reference Applications
    • Customer Stories
    • Webinars
    • eBook & Whitepapers
    • Events
  • Free Trials
  • Pricing
    • Product Pricing / Buy Online
    • Contact Us
Ignite UI | Components
  • Download Now
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
OK
Your Privacy Matters
We use our own and third-party cookies to improve your experience on our website. They also allow us to analyze user behavior in order to constantly improve the website for you. Please review our Cookie Policy and cookie settings below.
Manage settings OK
Privacy Preferences
When you visit any website, it may store or retrieve information on your browser, mostly in the form ot cookies. This information might be about you, your preferences, or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but can give you a more personalized web experience. Because we respect your right to privacy. you can choose not to allow some types of cookies. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
Accept All
Essential cookies for login data and good site performance.
Cookies that support website functionality and features.
Cookies, provided by our third-party advertising partners, collect information about your browsing habits.
Cookies used to make advertising messages more relevant to you and your interests.
Decline All Confirm My Choices
  • Grids & Lists
    • Data Grid
    • Hierarchical Grid
    • OLAP Pivot Data Selector
    • OLAP Pivot Grid
    • OLAP Pivot View
    • Spreadsheet
    • Tree Grid
    • Tree List
  • Charts
    • Category Chart
    • Data Chart
    • Doughnut Chart
    • Financial Chart
    • Funnel Chart
    • Pie Chart
    • Shape Chart
    • Sparkline
  • Gauges
    • Bullet Graph
    • Linear Gauge
    • Radial Gauge
  • Barcodes
    • Barcode
  • Data Visualization
    • Geographic Map
    • Zoombar
  • Data Entry and Display
    • Editors
    • Combo Box Editor
    • HTML Editor
    • Notifier
    • Rating
    • Validator
  • Interactions
    • Dialog Window
    • File Upload
    • Popover
    • Scrollbar
    • Split Button
    • Video Player
  • Menus
    • Radial Menu
  • Layouts
    • Layout Managers
    • Splitter
    • Tile Manager
  • Styling & Themes
    • Themes
  • Scheduling
    • Schedule
  • Frameworks
    • Data Source
    • Excel Exporter
    • Excel Library
    • Infragistics Documents
    • Infragistics Loader
    • Template Engine
    • Word Exporter
Ignite UI Data Grid Example

Ignite UI Data Grid

The Ignite UI for JavaScript Grid control is responsive, touch-enabled, and the fastest grid available. You can bind the grid to a variety of data sources, including JSON, XML, HTML tables, .NET collections, and even .NET data tables. The grid works with popular open source libraries like AngularJS, Angular, React and KnockoutJS.

View Sample

Grid Filtering

Like most grids, the Ignite UI for JavaScript grid gives users the ability to sort and filter their data on a column-by-column basis. The intuitive interface helps your user quickly understand and use these features. Both sorting and filtering offer local and remote server-side versions.

Ignite UI for JavaScript also offers full grid text searching. This is great for situations where users may need to perform searches that span the entire grid, regardless of which column the data is in. In other cases, the user may want to filter data based on several different values across columns. This can be difficult and tedious to do in a normal, column-based sorting paradigm. The Ignite UI grid solves this problem with the Filter by Text feature. With this new feature, you can programmatically filter the entire grid using the Ignite UI Data Source API. This allows you to create any filter input user interface you wish, including a text box, pop-up dialog box, or feed from another service. With the Filter by Text feature, you decide how best to get the user’s search term and Ignite UI handles the rest.

Data Grid Filtering Function View Sample

Grouping Summaries

Grouping has always been a very popular and powerful feature of the Ignite UI for JavaScript grid. To bring even more power to this feature, Ignite UI now offers improved group-by summaries. With this improved functionality, you can now provide users a wide array of built-in aggregation functions such as Count, Sum, Minimum, and Maximum. In addition to the built-in functions, you can easily create your own custom aggregation functions to display whatever data in the summary you need. These summaries can be defined column by column and can appear above or below each group.

Data grid Grouping Summaries Function View Sample

Paging

Paging is simple and easy with the Ignite UI for JavaScript grid right out of the box: just turn it on. If you want customized paging, Ignite UI for JavaScript gives you plenty of options. You can even change the look and feel with CSS, making the grid and the paging components look like a seamless part of your application.

Data grid Paging Function View Sample

Templated Columns

When it comes to grids, flexibility is key. With Ignite UI for JavaScript’s templated columns, you can customize your grid however you want. Whether you need to add a custom data format, buttons, or even sparkline graphs to your grid, Ignite UI for JavaScript’s templated columns make it possible.

Data Grid Templated Columns Function Learn More
  • Products
    • Design & Development
    • UX Pros
    • Embedded Analytics
    • Work Management
    • View All
    • Free Trials
  • Learn & Support
    • Help & API Docs
    • Blogs
    • Technical Support Chat
    • Forums
    • Product Ideas
    • Submit a Request
    • Service Health
  • My Account
    • Manage My Subscriptions
    • Support Requests
  • Compare
    • Angular Compare
    • Blazor Compare
  • Corporate
    • About Us
    • Careers
    • Legal
    • News & Events
    • Partners
The best blogs, whitepapers, and other development resources
Unfortunately, Google has considered you a bot. If you have an account, please sign in to validate your status and fill form out again. Alternatively, please feel free to contact sales@infragistics.com to obtain the asset you were looking for or choose to schedule a demo of our products.
Thank you for subscribing. Look for an email from team@Infragistics.com for the latest news for Developers, UX, and Business Teams.
  • Privacy Policy(updated)
  • Cookies
  • Terms of Use(updated)
I.S. Partners SOC2 SEAL GDPR SEALIS Partners LLC
© Copyright 2025 INFRAGISTICS. All Rights Reserved
Back to top of page