You Could Build Your Own JavaScript Data Grid, but WHY?

The Kendo UI JavaScript Data Grid components are high-performant and ready to roll! Meeting the most popular and stringent requirements, they save you a ton of time and...dare we say - they make grids fun!

grid-banner

Kendo UI includes data grid components built natively for their frameworks.

Looking for a .NET data grid? We’ve got you covered. Learn more

Key Features

  • Easy to Customize & Theme
  • Full Accessibility
  • Multiple Edit Modes
  • Paging
  • Filtering, Sorting, Grouping
  • Virtualization & Lazy Loading
  • PDF & Excel Export
  • Sticky Rows & Columns
kendo-illustration
inverted-top-curve-blue

Explore our JavaScript Data Grids

Native Angular Data Grid

Poke around at this demo to see pagers, column interactions, sort, filter, cell templates, export, and more.

Learn More Docs and Demos

Top JavaScript Data Grid Resources

Docs
angular-01Getting Started with the Kendo UI for Angular Data Grid

Part of the Grid documentation, this article will help you add a grid to your app and kick the tires.

Video
Angular Video 8: Visualizing and Manipulating Data with the Kendo UI Grid

Join our own expert Alyssa Nicol as she takes you through some of the most important features of the Angular Data Grid.

Blog
angular-02Generating Charts Based on Data in Your Kendo UI Grid

Integrating with other Kendo UI for Angular components is a strong advantage. See how easy it is with this example.

Native React Data Grid

Poke around at this demo to see pagers, column interactions, sort, filter, cell templates, export, and more.

Learn More Docs and Demos

Top JavaScript Data Grid Resources

Video
react-01How to Implement a React Data Grid: Getting Started with the KendoReact Grid

A 16 minute getting started video that will help you hit the ground running.

Video
react-03A Deep Dive into the KendoReact Grid

Watch this one-hour deep dive into the data grid originally designed to get hackathon contestants started.

Native Vue Data Grid

Poke around at this demo to see pagers, column interactions, sort, filter, cell templates, export, and more.

Learn More Docs and Demos

Top JavaScript Data Grid Resources

Tutorial
vue-01Getting Started with Kendo UI for Vue

Learn how to set up a basic Vue project and add Kendo UI for Vue components including the data grid.

Tutorial
vue-02How to Use a Vue Grid UI Component in Your Web App

Published when the native grid was first introduced and still relevant today, this is a great getting started article.

Tutorial
vue-03Hello Vue: A Quick Tutorial on Getting Started with Vue

If you are new to Vue, this is a great place to get started before you dive deep into the data grid.

jQuery Data Grid

Our first data grid. Still popular. Still frequently updated.

Demos Documentation

Top JavaScript Data Grid Resources

Tutorial
jquery-02How to Use a jQuery Grid UI Component in Your Web App

A great tutorial for learning how to embed a data grid in your app.

Sample Application
jquery-01Northwind Dashboard

Sample app showing the data grid in context of a full dashboard.

Advice for JavaScript Developers

Read these articles before planning your grid implementation for useful insight.

5 Reasons Not to Create Your JavaScript Data Grid from Scratch

If you are still thinking about build your own, read about the common pitfalls.

You Can Do That With A JavaScript Data Grid?

Smashing Magazine writes about all the things a JavaScript developer can do with any one of the Kendo UI grids.

Frequently Asked Questions

  • What Makes the Kendo UI JavaScript Data Grids Better?
  • What are some common use cases for the Kendo UI Data Grids?
  • Can I try a one of the Kendo UI Data Grids?