CODEWITHSUNDEEP
csstwitter-bootstrap-3
Dhivakar
Dhivakar

Reputation: 2111

How to create table inside another table in bootstrap

How to create a table inside another table in Bootstrap-3. I tried but it displays after the first table.

Upvotes: 11

Views: 43094

Answers (1)

Nishant Srivastava
Nishant Srivastava

Reputation: 4791

You need to do as below

<table class="table table-bordered">
  <th colspan="3">Outer Table</th>
  <tr>
    <td>This is row one, column 1</td>
    <td>This is row one, column 2</td>
    <td>
     <table class="table table-bordered">
       <th colspan="3">Inner Table</th>
       <tr>
         <td>This is row one, column 1</td>
         <td>This is row one, column 2</td>
         <td>This is row one, column 3</td>
       </tr>
     </table>
    </td>
  </tr>
</table>

Demo : http://jsbin.com/qilebevo/1/

Upvotes: 17

Related Questions