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.
Hi! My name is [[item.name.first]]!
In this example the grid's activeItem
property is bound to expandedItems
property.
Hint: Click a row to toggle the active item.
Hi! My name is [[item.name.first]]!