JSFiddle - React, Tailwind, and code Playground

by helgatheviking

HTML

<table class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" cellspacing="0" cellpadding="6" border="1">
		<thead>
			<tr>
				<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;">Product</th>
				<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;">Quantity</th>
				<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;">Price</th>
			</tr>
		</thead>
		<tbody>
				<tr class="order_item mnm_table_container">
		<td class="td" style="color: #636363; border: 1px solid #e5e5e5; border-bottom: none; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;">
		T-shirt 6 Pack Dynamic Pricing		</td>
		<td class="td" style="color: #636363; border: 1px solid #e5e5e5; border-bottom: none; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;">
					</td>
		<td class="td" style="color: #636363; border: 1px solid #e5e5e5; border-bottom: none; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;">
			<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>81.00</span>		</td>
	</tr>
	
	<tr class="order_item mnm_table_item mnm_table_item_first">
		<td class="td" style="color: #636363; border: 1px solid #e5e5e5; border-top: none; font-size: 0.875em; border-bottom: none; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word; padding-left:...

CSS

tr.mnm_table_item.mnm_table_item_last td.td { border: 1px solid red; }