<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="col-lg-6">
<div class="panel panel-default">
<div class="panel-heading"><h3>Object Store</h3></div>
<div class="panel-body">
<table class="table table-condensed" style="border-collapse:collapse;">
<thead>
<tr><th>·</th>
<th>Job Name</th>
<th>Description</th>
<th>Provider Name</th>
<th>Region</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
<td><button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button></td>
<td>OBS Name</td>
<td>OBS Description</td>
<td>hpcloud</td>
<td>nova</td>
<td> created</td>
</tr>
<tr>
<td colspan="12" class="hiddenRow"><div class="accordian-body collapse" id="demo1">
<table class="table table-striped">
<thead>
<tr><td><a href="WorkloadURL">Workload link</a></td><td>Bandwidth: Dandwidth Details</td><td>OBS Endpoint: end point</td></tr>
<tr><th>Access Key</th><th>Secret Key</th><th>Status </th><th> Created</th><th> Expires</th><th>Actions</th></tr>
