JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>


      <table>
         <thead>
            <tr>
               <th data-field="id">Name</th>
               <th data-field="name">Item Name</th>
               <th data-field="price">Item Price</th>
            </tr>
         </thead>
         <tbody>         
               <tr>
                    <td colspan="3">
                      <ul class="collapsible">
                        <li>
                          <div class="collapsible-header">
                         
                          </div>
                          <div class="collapsible-body">aaa</div>
                        </li>
                      </ul>
                    </td>
                 </tr> 
         </tbody>
      </table>