DannyDainton/Bootstrap_Styled_Table.html

## Bootstrap_Styled_Table.html
<html>
  <head>
    <title>My Awesome Template</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  </head>
  <body>
  <div class="container">
    <div class="table-responsive">
      <table class="table table-striped table-bordered">
          <thead class="thead-inverse">
              <tr class="text-center">
                  <th class="text-uppercase">Summary Item</th>
                  <th class="text-uppercase">Total</th>
                  <th class="text-uppercase">Failed</th>
              </tr>
          </thead>
          <tbody>
          {{#with summary.stats}}
              <tr>
                  <td>Requests</td>
                  <td class="text-center">{{requests.total}}</td>
                  <td class="text-center">{{requests.failed}}</td>
              </tr>
              <tr>
                  <td>Prerequest Scripts</td>
                  <td class="text-center">{{prerequestScripts.total}}</td>
                  <td class="text-center">{{prerequestScripts.failed}}</td>
              </tr>
              <tr>
                  <td>Test Scripts</td>
                  <td class="text-center">{{testScripts.total}}</td>
                  <td class="text-center">{{testScripts.failed}}</td>
              </tr>
              {{/with}}
              {{#with summary}}
              <tr class="{{#gt failures.length 0}}table-danger{{/gt}}">
                  <td>Assertions</td>
                  <td class="text-center">{{totalTests stats.assertions.total skippedTests.length}}</td>
                  <td class="text-center">{{stats.assertions.failed}}</td>
              </tr>
              <tr class="{{#gt skippedTests.length 0}}table-warning{{/gt}}">
                  <td>Skipped Tests</td>
                  <td class="text-center">{{#gt skippedTests.length 0}}{{skippedTests.length}}{{else}}0{{/gt}}</td>
                  <td class="text-center">-</td>
              </tr>
              {{/with}}
          </tbody>
      </table>
    </div>
  </div>
  </body>
</html>
	<html>
	<head>
	<title>My Awesome Template</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
	</head>
	<body>
	<div class="container">
	<div class="table-responsive">
	<table class="table table-striped table-bordered">
	<thead class="thead-inverse">
	<tr class="text-center">
	<th class="text-uppercase">Summary Item</th>
	<th class="text-uppercase">Total</th>
	<th class="text-uppercase">Failed</th>
	</tr>
	</thead>
	<tbody>
	{{#with summary.stats}}
	<tr>
	<td>Requests</td>
	<td class="text-center">{{requests.total}}</td>
	<td class="text-center">{{requests.failed}}</td>
	</tr>
	<tr>
	<td>Prerequest Scripts</td>
	<td class="text-center">{{prerequestScripts.total}}</td>
	<td class="text-center">{{prerequestScripts.failed}}</td>
	</tr>
	<tr>
	<td>Test Scripts</td>
	<td class="text-center">{{testScripts.total}}</td>
	<td class="text-center">{{testScripts.failed}}</td>
	</tr>
	{{/with}}
	{{#with summary}}
	<tr class="{{#gt failures.length 0}}table-danger{{/gt}}">
	<td>Assertions</td>
	<td class="text-center">{{totalTests stats.assertions.total skippedTests.length}}</td>
	<td class="text-center">{{stats.assertions.failed}}</td>
	</tr>
	<tr class="{{#gt skippedTests.length 0}}table-warning{{/gt}}">
	<td>Skipped Tests</td>
	<td class="text-center">{{#gt skippedTests.length 0}}{{skippedTests.length}}{{else}}0{{/gt}}</td>
	<td class="text-center">-</td>
	</tr>
	{{/with}}
	</tbody>
	</table>
	</div>
	</div>
	</body>
	</html>