dgrid is a next-generation grid component that takes full advantage of modern browsers and object stores. Lightweight, modular, and easily extensible, dgrid is released under the same open-source license and CLA as the Dojo Toolkit.
dgrid 1.2.1 is now available, including bug fixes and scrolling improvements for the Tree extension!
dgrid has been designed to take advantage of AMD with granular dependencies; this means it only loads the bare essentials.
Use declare to create a custom constructor to add features such as
in-cell editing and
row or
cell selection.
Resizable columns, column reordering, pagination and more are achieved through dgrid extensions. Or easily create your own extensions to meet your specific needs.
dgrid ships with several default themes including the Claro theme to match the popular Dijit theme. You can easily customize dgrid through well documented CSS and/or jQuery ThemeRoller classes.
dgrid has been tested to work on iOS and Android browsers, providing efficient rendering for your data on the go.
The Keyboard mixin adds keyboard handling functionality. The arrow keys can be used to navigate the focus across cells and rows, providing accessibility and ease of use.
This first set of tutorials provides an introduction to dgrid's core concepts and components.
Quickly get up and running with dgrid — from rendering content to extending functionality with mixins, plugins and extensions.
Dive into the various types of column structures dgrid can render, from the simple to the complex.
Learn about common concerns when using grids with stores, and explore dgrid components which interact with them.
dgrid's possibilities don't end with what's in the box; here are some examples of how to take it even further.
Learn to extend one of dgrid's base classes to query and render all items from a store at once, and style the grid to adjust its height according to the content.
Learn to create a mixin to display a row with summary information at the bottom of a grid.
Learn how you can use one of dgrid's lightweight base classes to create a drop-down select component that will handle thousands of options.
Discover how to use two instances of one of dgrid's lightweight base classes to create a transfer box widget that will handle thousands of options.
Documentation: Documentation for each release is available under the doc folder.
Tests: dgrid includes a set of test files that may be useful for exploring its features.
Whether you're starting a grid implementation from scratch, migrating from a DojoX grid to dgrid or you just want support for your team while they do the heavy lifting, SitePen is ready to share its expertise and make your project a success.
Found a bug with dgrid? Have a suggestion? Let us know by filing an issue.
Have a question? Get help via StackOverflow, #dojo on freenode IRC, or the dojo mailing list.
The limitations of Dojo DataGrid and EnhancedGrid are well known to our customers and the Dojo community. For years, we worked to overcome the impossible with masterful code to push the limits of these grids, all the while recognizing the need for a real solution. To that end, we've created dgrid, a grid that improves the way developers work with data, providing strong, maintainable code that exceeds best practices and reduces overall development costs. Learn more about SitePen.
dgrid is released under the same open-source license and CLA as the Dojo Toolkit. Contributing to dgrid is easy! Just fork us on GitHub, write your patch, then submit a pull request. If you've never contributed to a Dojo Foundation project before, you will also need to take a moment to fill out the JS Foundation CLA.
