Row Details can be enabled by providing a <template class="row-details">
and toggling item details by using {{detailsOpened}}
template variable,
detailsOpenedItems
property or openItemDetails(item)
and
closeItemDetails(item)
methods.
Hi! My name is [[item.name.first]]!
[[item.email]]
In this example the grid's activeItem
property is bound to detailsOpenedItems
property.
Hint: Click a row to toggle the active item.
Hi! My name is [[item.name.first]]!
[[item.email]]