HTML in Row Details

This grid shows product categories on each row. Expanding the rows shows an HTML element with information about the products in that category:

ID: {{item.CategoryID}}
Name: {{item.CategoryName}}
Description: {{item.Description}}
Products: {{getProducts(item.CategoryID).length}} items
  1. {{p.ProductName}}

Grids in Row Details

You can add anything you want to the detail rows, including other grids. This example shows the same categories, but the detail row uses another grid to show the products: