JSFiddle - React, Tailwind, and code Playground

by qunzorez

HTML

<table style="width:100%" class="custom-style">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
    <th>Form Sheet </th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
    <td class="collapsible">
                                            <span id="[email protected]">&#x25BA</span>@formSheetTemplate.Name
                                        </td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
   <td class="collapsible">
                                            <span id="[email protected]">&#x25BA</span>@formSheetTemplate.Name
                                        </td>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
    <td class="collapsible">
                                            <span id="[email protected]">&#x25BA</span>@formSheetTemplate.Name
                                        </td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
    <td class="collapsible">
                                            <span id="[email protected]">&#x25BA</span>@formSheetTemplate.Name
                                        </td>
  </tr>
  
  <tr>
    Colapsible row which need to ignore i
  </tr>
</table>