JSFiddle - React, Tailwind, and code Playground

by Amit Bhagat

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css">
<script>
/*
  function do_ok() {
    document.getElementById("a3").checked = true;
  }

  function do_error() {
    document.getElementById("a12").checked = true;
  }
*/
</script>

<body>
  <table id="example" class="table table-bordered table-striped">
    <thead>
      <tr>
        <th>Product</th>
        <th>Include</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>A01</td>
        <td>
          <input type="checkbox" id="a1" value="4" />
        </td>
      </tr>
      <tr>
        <td>A02</td>
        <td>
          <input type="checkbox" id="a2" value="25" />
        </td>
      </tr>
      <tr>
        <td>A03</td>
        <td>
          <input type="checkbox" id="a3" value="100" />
        </td>
      </tr>
      <tr>
        <td>A04</td>
        <td>
          <input type="checkbox" id="a4" value="99" />
        </td>
      </tr>
      <tr>
        <td>A05</td>
        <td>
          <input type="checkbox" id="a5" value="88" />
        </td>
      </tr>
      <tr>
        <td>A06</td>
        <td>
          <input type="checkbox" id="a6" value="38" />
        </td>
      </tr>
      <tr>
        <td>A07</td>
        <td>
          <input type="checkbox" id="a7" value="57" />
        </td>
      </tr>
      <tr>
        <td>A08</td>
        <td>
          <input type="checkbox" id="a8" value="46" />
        </td>
      </tr>
      <tr>
        <td>A09</td>
        <td>
          <input type="checkbox" id="a9" value="42" />
        </td>
      </tr>
      <tr>
        <td>A10</td>
        <td>
          <input type="checkbox" id="a10" value="28" />
        </td>
      </tr>
      <tr>
        <td>A11</td>
        <td>
          <input type="checkbox" id="a11" value="43" />
        </td>
      </tr>
      <tr>
        <td>A12</td>
        <td>
...