JSFiddle - React, Tailwind, and code Playground

by Michael Baas

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<table class="table table-sm table-borderless">
  <thead>
    <tr>
      <th id="c11" class="col-2" style="width: 17%;"><span class="col-form-label">Significance</span></th>
      <th id="c12" class="col-2" style="width: 17%;padding-right:0!important;"><input id="cnt12" class="form-control text-right d-inline" max="100" min="0" name="cnt12" step="0.00001" type="number" value="0.05">
      </th>
      <td style="padding-left:0!important;"><span>%</span></td>
      <th id="c13" class="col-2" style="width: 17%;"><span class="col-form-label">SampleSize</span></th>
      <th id="c14" class="col-2" style="width: 17%;"><span class="col-form-label">Mean</span></th>
      <th id="c15" class="col-2" style="width: 17%;"><span class="col-form-label">Std Dev</span></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td id="c21" class="col-2"><span class="col-form-label">Sample</span></td>
      <td id="c22" class="col-2" style="padding-right:0!important;"><select id="cnt22" class="form-control" name="cnt22"><option disabled="disabled" selected="selected">[Select]</option><option value="Car">Car</option><option value="Family">Family</option><option value="HealthCare">HealthCare</option><option value="Height">Height</option><option value="Marriage">Marriage</option><option value="Pot">Pot</option><option value="ShoeSize">ShoeSize</option><option value="Student">Student</option><option value="Weight">Weight</option></select>
      </td>
      <td style="padding-left:0!important;"><span id="typeIcon1"><i></i></span></td>
      <td...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}