RowExpander plugin adds the ability to have a Column with a plus and minus sign in a grid which enables a second row body than can expands or contract. By default the Row will expand or collapse if

selectRowOnExpand: clicked on the expander icon

expandOnDblClick: double clicked on the Row

expandOnEnter: Enter key is pressed on the selected Row

You can set each of the properties to true or false based on your requirement. In this example we are going to get our grid data from MySQL database using Java Servlet Ajax request. We will display some of the information on the grid row and then map the rest of the information on the Row body using the Grid plugin Ext.ux.RowExpander. Also we will add two buttons to the grid toolbar that will allow us to expand all or collapse all rows in the Grid.