This recipe walks you through the steps required to display tabular data using a grid component in Ext JS 4. Grids allow us to display data and allow the user to interact with it through various plugins and features.
To demonstrate displaying simple tabular data, we will create a straightforward grid panel (with the
Ext.grid.Panel class). The grid will display a list of invoices with the following columns:
The final grid is shown in the following screenshot:
This recipe uses a generic
Ext.data.Model, which can be found in the