JSFiddle - React, Tailwind, and code Playground
by Gulam Jilani
HTML
<table border="1" cellpadding="0" cellspacing="0" style="width:90%">
<tbody>
<tr>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Capacity</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Location</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Sponsor (Rating)</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Offtaker</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Tariff (INR/kWh)</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Status</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>COD</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Operating History</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Interest</strong></strong></p>
</td>
<td style="background-color: #bfbfbf; height: 22.6pt; width: auto">
<p><strong><strong>Tail</strong></strong></p>
</td>
</tr>
<tr>
<td style="height: 15.9pt; vertical-align: top; width: auto">
<p> </p>
</td>
<td style="height: 15.9pt; vertical-align: top; width: auto">
...