Nested table

  HTML & CSS

Email

How to create nested table using html, css and bootstrap ?

Spread the Code

1
Leave a Reply

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
prem karthi Recent comment authors

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
newest oldest most voted
Notify of
prem karthi
Member

using bootstrap 3 <table class="table"> <thead> <tr> <th>Account ID</th> <th>Name</th> <th>Number</th> <th>Owner</th> <th>Status</th> </tr> </thead> <tbody> <tr class="accordion-toggle" data-toggle="collapse" data-target="#12345-cores"> <td>12345</td> <td>Title of Study</td> <td>4444-5554-2222-3333</td> <td>Prem karz</td> <td>Granted</td> </tr> <tr> <td class="accordion-body collapse" id="12345-cores"> <table class="table"> <thead> <th>Core</th> <th>Pending</th> </thead> <tbody> <tr> <td>GDOL</td> <td>22,000.00</td> </tr> <tr> <td>MCSS</td> <td>15,700.61</td> </tr> </tbody> </table> </td> </tr> <tr class="accordion-toggle" data-toggle="collapse" data-target="#98765-cores"> <td>123456</td> <td>Title of a Longer Study</td> <td>4444-0000-2222-366588</td> <td>Anils Rader</td> <td>Pending</td> </tr> <tr> <td class="accordion-body collapse" id="98765-cores"> <table class="table"> <thead> <th>Core</th> <th>Spending Limit</th> </thead> <tbody> <tr> <td>GDOL</td> <td>2,000.00</td> </tr> <tr> <td>MCSS</td> <td>15,700.61</td> </tr> </tbody> </table> </td> </tr> <tr class="accordion-toggle" data-toggle="collapse" data-target="#70235-cores"> <td>12347</td> <td>This is… Read more »