Code Design and Approach for the Next Grid

Viewing a collection of data in tabular or list form is one of the central components of many applications. We are working on a new design to fulfill the need for a grid to quickly navigate sets of data with familiar controls for productive user interaction in the new world of mobile, lightweight applications. The Dojo DataGrid has long provided a comprehensive grid for Dojo users, but years of Dojo evolution have reached their limit with this component. What was originally a stand-alone, full-featured grid has been migrated to using Dojo modules, asynchronous dojo.data stores, and more. Consequently the DataGrid is suboptimal and difficult to customize and extend. The time has come for a fresh start on the grid. We have been collaborating with IBM on a new grid, and I wanted to share some of the design goals of our development before actually demonstrating the new grid.

Continue reading

Aligning Rows in the DojoX DataGrid

As a part of our Free Dojo Support initiative, we received the following question from Jiho Han about using Dojo’s DataGrid component.

The Question

“The typical configuration for me is to have two views where the view on the left is “frozen” and the second view on the right scrolls horizontally. Currently I’m running into an issue where the header and data cell heights are rendered differently between the views”

Our Answer

Let’s look at how the DataGrid handles variable height of column headers and cell contents, where the gotchas are and how to resolve them.

Continue reading