JSFiddle - React, Tailwind, and code Playground

by Neeraj Yadav

HTML

<div class="container">
  <table class="q-block">
    <thead>Table 1
    </thead>
    <tbody>
      <tr>Row 1
        <td>11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
        <td>15</td>
        <span class="separator"></span>
      </tr>

      <tr>Row 2
        <td>21</td>
        <td>22</td>
        <td>23</td>
        <td>24</td>
        <td>25</td>
        <span class="separator"></span>
      </tr>

      <tr>Row 3
        <td>31</td>
        <td>32</td>
        <td>33</td>
        <td>34</td>
        <td>35</td>
        <span class="separator"></span>
      </tr>
    </tbody>
  </table>

  <table class="q-block">
    <thead>Table 2
    </thead>
    <tbody>
      <tr>Row 1
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>

      <tr>Row 2
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>

      <tr>Row 3
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>
    </tbody>
  </table>

  <table class="q-block">
    <thead>Table 3
    </thead>
    <tbody>
      <tr>Row 1
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>

      <tr>Row 2
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>

      <tr>Row 3
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>
    </tbody>
  </table>

  <table class="q-block">
    <thead>Table 4
    </thead>
    <tbody>
      <tr>Row 1
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <span class="separator"></span>
      </tr>

 ...

CSS

.separator {
  border-bottom: 1px solid #EBEBEB;
  display: inline-block;
}

tr {
  color: blue;
  border: blue dashed 1px;
}

table tr:nth-last-of-type(1) {
  color: red;
}