Create a Row/Detail display with Bootstrap tables

Question

I have an ASP.NET application (non-MVC) that uses Bootstrap. I have a page that displays a gridview that uses Bootstrap CSS and it works great. But now I want to add the ability for user to click a particular row (record) and have a detail section open below that record and display some data. I'm really almost looking for a table where each row acts like an accordion panel where I can display the detail data. How can I go about this? I am unable to find any examples of Boostrap tables that display details

Answer 1

Take a look at http://getbootstrap.com/javascript/#collapse Hope it's what you're looking for.

jsfiddle.net/whytheday/2Dj7Y/11 It's maybe more what you are looking for.