| Content here | Content here | Content here | Content here | Content here |
| Content here | Content here | Content here | Content here | Content here |
| Content here | Content here | Content here | Content here | Content here |
| Content here | Content here | Content here | Content here | Content here |
The above table structure is developed using .table, .table-bordered and .table-responsive class.
<!-- table HTML Structure Example -->
<div class="overflowauto">
<table class="table table-bordered table-responsive">
<tr>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
</tr>
<tr>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
</tr>
<tr>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
</tr>
<tr>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
<td>Content here/td>
</tr>
</table>
</div>
| title | title | title | title | title |
|---|---|---|---|---|
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here |
The above table structure is developed using .table class.
<!-- table style 1 Example -->
<table class="table">
<thead>
<tr>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
</tr>
</thead>
<tbody>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1"><button class="btn-sm">Download</button></td>
</tr>
</tbody>
</table>
| title | title | title | title | title |
|---|---|---|---|---|
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here |
The above table structure is developed using .table and .table-striped class.
<!-- table style 2 Example -->
<table class="table table-striped">
<thead>
<tr>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
</tr>
</thead>
<tbody>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1"><button class="btn-sm">Download</button></td>
</tr>
</tbody>
</table>
| title | title | title | title | title |
|---|---|---|---|---|
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here | Content here | |
| Content here | Content here | Content here |
The above table structure is developed using .table and .table-bordered class.
<!-- table style 3 Example -->
<table class="table table-bordered">
<thead>
<tr>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
<td class="tc1">title here/td>
</tr>
</thead>
<tbody>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
</tr>
<tr>
<td class="tc1"><i class="fa fa-user icons-blue"></i></td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1">content here/td>
<td class="tc1"><button class="btn-sm">Download</button></td>
</tr>
</tbody>
</table>