JSFiddle - React, Tailwind, and code Playground

by javascript demon

HTML

<table class="table" border="1" bordercolor="#ddd" >
                    <thead>
                    <tr style="border-bottom: 1px solid #000">
                        <th bgcolor="#f8f9fe"><strong>Names</strong></th>
                        <th bgcolor="#f8f9fe">color</th>
                        <th bgcolor="#f8f9fe">top speed</th>
                        <th bgcolor="#f8f9fe">price</th>
                    </tr>
                    </thead>
                    <tbody style="background-color: #fff">
                    <tr>
                        <td align="left">lamborghini</td>
                        <td>blue</td>
                        <td>300km/hr</td>
                        <td>15cr</td>
                    </tr>
                    <tr>
                        <td align="left">porsche</td>
                        <td>blue</td>
                        <td>296km/hr</td>
                        <td>2cr</td>
                    </tr>
                    <tr>
                        <td>ferrari</td>
                        <td>red</td>
                        <td>298km/hr</td>
                        <td>5cr</td>
                    </tr>
                    <tr>
                        <td>bentley</td>
                        <td>black</td>
                        <td>250km/hr</td>
                        <td>25cr</td>
                    </tr>
                    </tbody>

                    <thead style="border-top: 10px solid #ebeff2;">
                    <tr style="border-bottom: 1px solid #000">
                     <th bgcolor="#f8f9fe"> names </th>
                        <th bgcolor="#f8f9fe">A</th>
                        <th bgcolor="#f8f9fe">B</th>
                        <th bgcolor="#f8f9fe">C</th>
                    </tr>
                    </thead>

                    <tbody style="background-color: #fff">
                    <tr>

                        <td>nokia</td>
                        <td>36hr</td>
                       ...