JSFiddle - React, Tailwind, and code Playground

by Zuhaib Siddiqui

HTML

<table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Date</th>
                                            <th>Corresponding Availability MMBTU/D</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                        <tr>
                                            <td><input type="text" value="10 days in Jan 2018*" placeholder="-"></td>
                                            <td><input type="text" value="693,548" placeholder="-"></td>
                                            <td class="editable">
                                                <button class="btn btn-xs btn-default edit-this-row">Edit <em class="glyphicon glyphicon-edit"></em></button>
                                                <button class="btn btn-xs btn-danger remove-this-row">Delete <em class="glyphicon glyphicon-trash"></em></button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="text" value="1st to 2nd Feb 2018" placeholder="-"></td>
                                            <td><input type="text" value="703,210" placeholder="-"></td>
                                            <td class="editable">
                                                <button class="btn btn-xs btn-default edit-this-row">Edit <em class="glyphicon glyphicon-edit"></em></button>
                                                <button class="btn btn-xs btn-danger remove-this-row">Delete <em class="glyphicon glyphicon-trash"></em></button>
                                            </td>
                                    ...