JSFiddle - React, Tailwind, and code Playground
by santhucool007
HTML
<div id="printhead1"><span><b>Date:11/04/2016</b></span><br><span style="display:inline-block;float:right;"><b>R9 / T1</b></span><br><br></div>
<div id="tableorder1" style="display: block;"><table style="width:100%;cell-padding:0px;cell-spacing:0px;"><tbody><tr><td id="Ra0Ca0" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">1</td><td id="Ra0Ca1" style="border:0px solid #DDD;width:10px;">ALMOND</td><td id="Ra0Ca2" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: right;">16.00</td><td id="Ra0Ca3" style="border:0px solid #DDD;width:10px;"></td><td id="Ra0Ca4" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">1</td><td id="Ra0Ca5" style="border:0px solid #DDD;width:10px;">ALMOND</td><td id="Ra0Ca6" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: right;">16.00</td></tr><tr><td id="Ra1Ca0" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">2</td><td id="Ra1Ca1" style="border:0px solid #DDD;width:10px;">CHAND</td><td id="Ra1Ca2" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: right;">17.00</td><td id="Ra1Ca3" style="border:0px solid #DDD;width:10px;"></td><td id="Ra1Ca4" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">2</td><td id="Ra1Ca5" style="border:0px solid #DDD;width:10px;">CHAND</td><td id="Ra1Ca6" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: right;">17.00</td></tr><tr><td id="Ra2Ca0" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">3</td><td id="Ra2Ca1" style="border:0px solid #DDD;width:10px;">EGG PUFF</td><td id="Ra2Ca2" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: right;">32.00</td><td id="Ra2Ca3" style="border:0px solid #DDD;width:10px;"></td><td id="Ra2Ca4" style="border: 0px solid rgb(221, 221, 221); width: 10px; text-align: center;">3</td><td id="Ra2Ca5"...