JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  <li class="nav-item" role="presentation">
    <a href="#" class="nav-link" id="pills-ntb-tab" data-toggle="pill" data-target="#pills-ntb" type="button" role="tab" aria-controls="pills-ntb" aria-selected="true">
      <span style="padding-right:3px; padding-top: 3px; display:inline-block;border-style: dotted;">
        <img class="manImg" src="https://www.nationstrust.com/images/ntb_logo.png" height="30" width="100" />
      </span>
    </a>
  </li>
  <li class="nav-item" role="presentation">
    <a href="#" class="nav-link" id="pills-boc-tab" data-toggle="pill" data-target="#pills-boc" type="button" role="tab" aria-controls="pills-boc" aria-selected="true">
      <span style="padding-right:3px; padding-top: 3px; display:inline-block;border-style: dotted;">
        <img class="manImg" src="https://www.boc.lk/catalog/view/theme/default/images/new/boc-logo.jpg" height="30" width="100" />
      </span>
    </a>
  </li>
</ul>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-ntb" role="tabpanel" aria-labelledby="pills-ntb-tab">
    <table class="table">
      <caption>List of users</caption>
      <thead>
        <tr>
          <th scope="col">A/C</th>
          <th scope="col">Branch Name</th>
          <th scope="col">Branch Code</th>
       ...