This example shows how to display row details after each grid row. In the example, we display a Tab component as a row details. You can use the
details to display any type of component, even other Grids. Row Details are configurable with the API, the 'rowdetails' property should be set to a 'template' string which determines the HTML to be rendered in the detail.
The 'rowdetailsheight' property determines the height of the row detail. 'showrowdetails' and 'hiderowdetails' can be used to dynamically show or hide a row detail. The 'initrowdetail' is the most important function. You implement this
to add the logic of the Row Detail, like initializing the detail's component, putting custom HTML or something specific to your web application.