<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <table class="table table-bordered table-hover"> <thead> <tr> <th>Reg No</th> <th>Location</th> <th>Start Date</th> <th>Bid End Date</th> <th>Brand</th> <th>Manager/Company</th> <th>Winning User</th> <th>Current Bid Amount</th> <th>New Bid </th> <th>Status</th> </tr> </thead> <tbody> <tr class="success"> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> <tr class="info"> <td>Mary</td> <td>Moe</td> <td>mary@example.com</td> </tr> <tr class="danger"> <td>July</td> <td>Dooley</td> <td>july@example.com</td> </tr> </tbody> </table> </div> </div> </div>

Bid End Date ---------------- Buyer Status - Win/Lose/No Bid Received ---------------

if the user is winning then editing box disabled Status : updated ------------------------- filter : Win, Lose, W_Updated, L_Updated