JSFiddle - React, Tailwind, and code Playground

by geortravel

HTML

<table style="width: 100%; display: inherit;" id="tblSelectedFlight">
    <tbody>
        <tr>
            <td colspan="2">
                <div id="selectedFlights" class="gtu-header">Selected Flights</div>
            </td>
        </tr>
        <tr>
            <td align="left" valign="top">
                <div id="DivDispFlightFrom">
                    <table class="prd-attributes">
                        <tbody>
                            <tr>
                                <td colspan="2"><b>Outbound</b>

                                </td>
                            </tr>
                            <tr></tr>
                            <tr>
                                <td>
                                    <input type="hidden" value="PR" id="txtCarrierCode" name="txtCarrierCode">Carrier :</td>
                                <td>
                                    <img class="flighlogo2" src="./Images/PR.png">
                                </td>
                                <td>Flight No:</td>
                                <td><b>PR 731</b>

                                </td>
                            </tr>
                            <tr>
                                <td>Depart time:</td>
                                <td>07/08/2015 13:30</td>
                                <td>Arrive time:</td>
                                <td>07/08/2015 18:00</td>
                            </tr>
                            <tr>
                                <td>Origin :</td>
                                <td>BKK</td>
                                <td>Destination :</td>
                                <td>MNL</td>
                            </tr>
                            <tr>
                                <td>Class :</td>
                                <td>K</td>
                                <td>Amount :</td>
                                <td>
                                    <div...