<head>
    
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="//cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="//cdn.datatables.net/searchpanes/1.0.1/css/searchPanes.bootstrap4.min.css">
    <link rel="stylesheet" href="//cdn.datatables.net/select/1.3.1/css/select.bootstrap4.min.css">
    
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>  
  <script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
    <script src="//cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>
    <script src="//cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
    <script src="//cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap4.min.js"></script>
    <script src="//cdn.datatables.net/searchpanes/1.0.1/js/dataTables.searchPanes.min.js"></script>
    <script src="//cdn.datatables.net/searchpanes/1.0.1/js/searchPanes.bootstrap4.min.js"></script>
    <script src="//cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"></script>
    <script src="//cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
</head>
<table id="ResultsTable" class="table table-striped table-bordered dataTable no-footer" role="grid" aria-describedby="ResultsTable_info">
    <thead>
        <tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Project Name: activate to sort column descending" style="width: 313px;">Project Name</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Type: activate to sort column ascending" style="width: 80px;">Type</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Component Name(s): activate to sort column ascending" style="width: 253px;">Component Name(s)</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Tags: activate to sort column ascending" style="width: 782px;">Tags</th></tr>
    </thead>
    <tbody>
                    
                    
                    
                    
    <tr role="row" class="odd">
                        <td class="sorting_1">AutoSubmit</td>
                        <td>
<div class="badge badge-success">DLL</div>    </td>
                        <td>AutoSubmit</td>
                        <td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Push">
    <i class="fa fa-tag"></i>&nbsp;Push
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Submit">
    <i class="fa fa-tag"></i>&nbsp;Submit
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Reassign">
    <i class="fa fa-tag"></i>&nbsp;Reassign
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Notify">
    <i class="fa fa-tag"></i>&nbsp;Notify
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Expiry">
    <i class="fa fa-tag"></i>&nbsp;Expiry
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Scheduled">
    <i class="fa fa-tag"></i>&nbsp;Scheduled
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Timed">
    <i class="fa fa-tag"></i>&nbsp;Timed
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Terminate">
    <i class="fa fa-tag"></i>&nbsp;Terminate
</a></td>
                    </tr><tr role="row" class="even">
                        <td class="sorting_1">FolderMonitor</td>
                        <td>
<div class="badge badge-success">EXE</div>    </td>
                        <td>Folder asdd</td>
                        <td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Ftp">
    <i class="fa fa-tag"></i>&nbsp;Ftp
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=folder">
    <i class="fa fa-tag"></i>&nbsp;folder
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=monitoring">
    <i class="fa fa-tag"></i>&nbsp;monitoring
</a></td>
                    </tr>
  <tr role="row" class="even">
                        <td class="sorting_1">FolderMonitor</td>
                        <td>
<div class="badge badge-success">AXE</div>    </td>
                        <td>Folder asdd</td>
                        <td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Ftp">
    <i class="fa fa-tag"></i>&nbsp;Ftp
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=folder">
    <i class="fa fa-tag"></i>&nbsp;folder
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=monitoring">
    <i class="fa fa-tag"></i>&nbsp;monitoring
</a></td>
                    </tr>
      <tr role="row" class="even">
                        <td class="sorting_1">FolderMonitor</td>
                        <td>
<div class="badge badge-success">AXE</div>    </td>
                        <td>Folder asdd</td>
                        <td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Ftp">
    <i class="fa fa-tag"></i>&nbsp;Ftp
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=folder">
    <i class="fa fa-tag"></i>&nbsp;folder
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=monitoring">
    <i class="fa fa-tag"></i>&nbsp;monitoring
</a></td>
                    </tr><tr role="row" class="even">
                        <td class="sorting_1">FolderMonitor</td>
                        <td>
<div class="badge badge-success">EXE</div>    </td>
                        <td>Folder asdd</td>
                        <td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=Ftp">
    <i class="fa fa-tag"></i>&nbsp;Ftp
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=folder">
    <i class="fa fa-tag"></i>&nbsp;folder
</a>
                                
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{&quot;show&quot;:&quot;500&quot;}" href="/Search/Result?org=PS&amp;repo=PS TFS Current&amp;query=monitoring">
    <i class="fa fa-tag"></i>&nbsp;monitoring
</a></td>
                    </tr></tbody>
</table>
 
body {
  font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
}
.tag a{
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
.badge-tag {
    background-color: #ffc107 !important;
    color: #23282c !important;
}
 
$(document).ready( function () {
  var table =  $('#ResultsTable').DataTable({
            searchPanes: {
                layout: "columns-4",
                columns: [ 0,1],
                cascadePanes: true,
                dataLength: 45,
              dtOpts:{
                order:[[0,'desc'],[1,'asc']]
              }
              
                
            },
            "columns": [
                null,
                null,
                null,
                null,
            ],
            dom: 'Pfrtip',
        });
} );
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers