O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Displaying simple tabular data

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:

  • Client
  • Date
  • Amount
  • Status

The final grid is shown in the following screenshot:

Displaying simple tabular data

Getting ready

This recipe uses a generic Ext.data.Store and Ext.data.Model, which can be found in the invoices-store.js and invoices-model.js ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required