Row Details

Row Details can be enabled by providing a <template class="row-details"> and expanding/collapsing items by using {{expanded}} template variable, expandedItems property or expandItem(item) and collapseItem(item) methods.

Expanding Items Without Data Binding

In this example the grid's activeItem property is bound to expandedItems property.

Hint: Click a row to toggle the active item.