<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row" style="margin-top: 50px;">
<div class="col-md-12 text-center">
<div class="outer-form">
<table class="table-striped table table-bordered vertical">
<thead style="color: white; font-weight: normal; background-color: black;" >
<tr>
<th class="head">S.No.</th>
<th class="head">Username</th>
<th class="head">E-mail</th>
<th class="head">Phone Number</th>
<th class="head">Location</th>
<th class="head">Status</th>
</tr>
</thead>
<tbody style="border:1px solid transparent; background-color:#242424; color:#A1A6AB; text-align: left;">
<tr>
<td style="padding: 14px;">01</td>
<td>WaLia</td>
<td>Walia@gmail.com</td>
<td>+1 222 555 6666</td>
<td>Ontario, Canada</td>
<td>
<label class="switch">
<input type="checkbox" checked>
<span class="slider round"></span>
</label>
</td>
</tr>
