Add details icon for every row in the table

Hi,

I am using Table component to display list of Persons with columns “First Name”, “Last Name”, “Age” etc., with a details icon at the end of every row (in seperate column).
Now i want to add functionality to this icon like onclick of the icon the row height should expand and display all the details of Person. When i click again on same icon it has to colapse and display the row normally.

Please suggest how i can expand and show the details.

Best Regards,
Venkata Narayana

Hey,

If you want to be able to expand on click, I would probably use a TreeTable instead?


http://demo.vaadin.com/sampler/#ui/data-presentation/tree-table