Как сделать Table Row разборной в Angularjs-Materialize? - PullRequest
Новая
       5

Как сделать Table Row разборной в Angularjs-Materialize?

0 голосов
/ 23 января 2019

Я пытаюсь реализовать складные строки в Angularjs-Materialize, используя <ul> и <li>: 

<ul class="collapsible" data-collapsible="accordion">
   <li>
      <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>
               <div class="collapsible-header"><p>abc
                  <td>Alan</td>
                  <td>Jellybean</td>
                  <td>$3.76</td>
               </div>
               <div class="collapsible-body">
               <p>a
               </div>
            </tr>
         </tbody>
      </table>
   </li>
</ul>

Я не получаю правильное решение, так как складная находится над таблицей и не выровнена построкиСкрипка: https://jsfiddle.net/085ruvhx

...