JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <table>
    <tr>
      <th></th>
      <th colspan="2">Profile1</th>
      <th colspan="2">Profile2</th>
      <th colspan="2">Profile3</th>
      <th colspan="2">Profile4</th>
    </tr>
    <tr>
      <th>Marks</th>
      <th>val1</th>
      <th>val2</th>
      <th>val1</th>
      <th>val2</th>
      <th>val1</th>
      <th>val2</th>
      <th>val1</th>
      <th>val2</th>
    </tr>
    <tr>
      <th>A</th>
      <td class="bg-success">2</td>
      <td class="bg-success">7</td>
      <td class="bg-info">2</td>
      <td class="bg-info">7</td>
      <td class="bg-warning">2</td>
      <td>6</td>
      <td>4</td>
      <td class="bg-danger">7</td>
    </tr>
    <tr>
      <th>B</th>
      <td class="bg-success">1</td>
      <td class="bg-success">4</td>
      <td class="bg-info">1</td>
      <td class="bg-info">4</td>
      <td class="bg-warning">1</td>
      <td class="bg-warning">4</td>
      <td class="bg-danger">1</td>
      <td>5</td>
    </tr>
    <tr>
      <th>C</th>
      <td class="bg-success">8</td>
      <td class="bg-success">9</td>
      <td class="bg-info">8</td>
      <td class="bg-info">9</td>
      <td class="bg-warning">8</td>
      <td>8</td>
      <td>2</td>
      <td class="bg-danger">9</td>
    </tr>
    <tr>
      <th>D</th>
      <td class="bg-success">8</td>
      <td class="bg-success">8</td>
      <td class="bg-info">8</td>
      <td class="bg-info">8</td>
      <td>5</td>
      <td>7</td>
      <td>5</td>
      <td class="bg-danger">8</td>
    </tr>
    <tr>
      <th>E</th>
      <td class="bg-success">3</td>
      <td class="bg-success">5</td>
      <td class="bg-info">3</td>
      <td class="bg-info">5</td>
      <td class="bg-warning">3</td>
      <td class="bg-warning">5</td>
      <td>1</td>
      <td>6</td>
    </tr>
    <tr>
      <th>F</th>
      <td class="bg-success">1</td>
      <td class="bg-success">6</td>
      <td...

CSS

td {
  text-align: center;
  border: 1px solid #000;
}