JSFiddle - React, Tailwind, and code Playground

by goblin8384

HTML

<HEAD>
  <title>Spares Selling Prices</title>
  <link rel=stylesheet href="/mtms_intranet.css">
  <script language="Javascript" src="../Browses/Browse_setup.js"></script>
  <style>
    body {
      font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      color: #333;
      background-color: #33BB99 !important;
    }

    .table-striped>tbody>tr:nth-child(odd)>td,
    .table-striped>tbody>tr:nth-child(odd)>th {
      background-color: white;
    }

    .table-striped>tbody>tr:nth-child(even)>td,
    .table-striped>tbody>tr:nth-child(even)>th {
      background-color: lightblue;
    }

    caption {
      color: White !important;
      font-weight: bold;
    }

    .flashit {
      color: #190819;
      -webkit-animation: flash linear 1s infinite;
      animation: flash linear 1s infinite;
    }

    @-webkit-keyframes flash {
      50% {
        opacity: 1;
      }
      75% {
        opacity: .1;
      }
      100% {
        opacity: 1;
      }
    }

    @keyframes flash {
      50% {
        opacity: 1;
      }
      75% {
        opacity: .1;
      }
      100% {
        opacity: 1;
      }
    }

  </style>
</HEAD>
<table class="table table-striped compact">
	<thead>
		<tr>
			<th>1</th>
			<th>2</th>
			<th>2</th>
			<th>2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>3</td>
			<td>3</td>
			<td>3</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>4</td>
			<td>4</td>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
			<td>5</td>
			<td>5</td>
			<td>5</td>
		</tr>
	</tbody>
</table>