JSFiddle - React, Tailwind, and code Playground

by Arturo Schreiber

HTML

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table price-table">
  <thead>
    <tr>
      <th>Ticket Type</th>
      <th>Price</th>
    </tr>
  </thead>

  <tbody>
    <tr data-ticket-id=1>
      <td class="category-ticket">Adult</td>
      <td class="price-ticket">RM 20</td>
    </tr>



    <tr data-ticket-id=3>
      <td class="category-ticket">Child</td>
      <td class="price-ticket">RM 15</td>

    </tr>	



  </tr>																
</tbody>
</table>

CSS

table.table, table.table * {
		}

table.price-table thead tr {
      border: 1px solid red;
			outline: thin solid red;
		}