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 full-width row data with the RowBody feature

Although grids are generally about rows and columns of individual values, we often have a need to display some extra information that describes the entire row rather than a single column. In a traditional HTML table we could display this as a second TR containing a cell spanning all of the table's columns. This would then allow extra information, which might be too large for a single cell to display, alongside the separate cell values.

Ext JS contains a similar feature that allows us to create a full-width row below the column-separated row to display additional information relating to that row.

This recipe will show how we can achieve this to display one of our Model's fields, and then how ...

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