JSFiddle - React, Tailwind, and code Playground

by robulus

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.poppercloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/popper.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->

<div class="container">
  <table class="table table-striped">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">First</th>
        <th scope="col">Last</th>
        <th scope="col">Handle</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>
          <div>
            <Button>
              Mark
            </Button>
          </div>
        </td>
        <td>
          <div>
            <Button>
              Mark
            </Button>
          </div>
        </td>
        <td>
          <div>
            <Buttom>
              Mark
            </Buttom>
          </div>
        </td>
      </tr>
      <tr>
        <th scope="row">2</th>
        <td>
          <div>
            <Buttom>
              Mark
            </Buttom>
          </div>
        </td>
        <td>
          <div>
            <Button>
              Mark
            </Button>
          </div>
        </td>
        <td>
          <div>
            <Button class="btn btn-success">
              &nbsp;
            </Button>
          </div>
        </td>
      </tr>

    </tbody>
  </table>
</div>

CSS

td {
  padding: 0;
}

td button,
td div {
  width: 100%;
}

td button.btn.btn-success {
  padding: 0;
}

table th,
table td {
  padding: 0 !important;
}