"ORDERS HISTORY Table"
Bootstrap 3.2.0 Snippet by ccela

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Product Name</th> <th>Full Name</th> <th>Email</th> <th>Date</th> <th>Price</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>1</td> <td><a href="http://www.mirchu.net/mobiles/apple-iphone-6/" target="_blank">Apple iphone 6</a></td> <td>Waqas Hussain</td> <td>example@mirchu.net</td> <td>11/6/2014</td> <td>$899.00</td> <td><span class="label label-info">Processing</span></td> </tr> <tr> <td>2</td> <td><a href="http://www.mirchu.net/mobiles/lg-g3/" target="_blank">LG G3</a></td> <td>Basit Raza</td> <td>example@bugpluss.com</td> <td>10/6/2014</td> <td>$621.00</td> <td><span class="label label-success">Shipped</span></td> </tr> <tr> <td>3</td> <td><a href="http://www.mirchu.net/mobiles/samsung-galaxy-s5/" target="_blank">Samsung Galaxy S5</a></td> <td>Raza Ahmed</td> <td>example@therazz.net</td> <td>11/9/2013</td> <td>$640.00</td> <td><span class="label label-info">Processing</span></td> </tr> <tr> <td>4</td> <td><a href="http://www.mirchu.net/rook-bootstrap-app-landing-page/" target="_blank">Rook Landing Page</a></td> <td>Mirchu net</td> <td>example@mirchu.net</td> <td>11/6/2014</td> <td>$12.00</td> <td><span class="label label-primary">Completed</span></td> </tr> </tbody> </table> </div> </div> </div>
.table-responsive{margin-top:25px;}

Related: See More


Questions / Comments: