bootstrap table examples

  Tag           Description

<table>    Wrapping element for displaying data in a tabular format
<thead>    Container element for table header rows (<tr>) to label table columns
<tbody>   Container element for table rows (<tr>) in the body of the table
<tr>         Container element for a set of table cells (<td> or <th>) that appears on a single row
<td>         Default table cell
<th>         Special table cell for column (or row, depending on scope and placement) labels. Must be                      used within a    <thead>
                   
<caption>   Description or summary of what the table holds.

• Basic Table

<table class="table"> <caption>Basic Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> </tr> </tbody> </table>

• STRIPED TABLE

<table class="table table-striped"> <caption>Striped Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table>

• BORDERED TABLE

<table class="table table-bordered"> <caption>Bordered Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table>

• HOVER TABLE

<table class="table table-hover"> <caption>Hover Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table>

• CONDENSED TABLE

<table class="table table-condensed"> <caption>Condensed Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table>