The grid component is the most popular and used component in the Ext JS library. It allows us to display, sort, group, and edit data very easily, or at least in a very common format. Grids are excellent for showing large amounts of tabular data.
In Ext JS 4 the grid panel was completely rewritten. The purpose was to enhance performance and change the way the component renders data. The result was a set of classes that boost the application performance.
In this chapter we are going to learn how the grid panel works and what are the configurations needed to get the best of this component.
The topics we are going to cover in this chapter are as follows: