Edytowalna tabela z AutoForm w Meteor

Question

Jak utworzyć tabelę z polami wejściowymi w Meteorrze. Użyłem tego przykładu z http://autoform.meteor.com/update-each, ale używają one tylko 1 pola wejściowego.

Funkcjonalność działa z tym kodem:

<tbody> 
    {{#each persons}} 
     {{#autoForm id=makeUniqueID type="update" collection=Collections.Persons doc=this autosave=true}} 
     <tr> 
     <td>{{> afFieldInput name="fullName" label=false}}</td> 
     <td>{{> afFieldInput name="email" label=false}}</td> 
     <td>{{> afFieldInput name="address" label=false}}</td> 
     <td><button type="submit" class="btn btn-xs btn-danger">Delete</button></td> 
     </tr> 
     {{/autoForm}} 
    {{/each}} 
    </tbody> 

ale stworzony element <form> wokół każdego <tr> i IT śruby mój HTML. Jaki jest prawidłowy sposób to zrobić?

Answer 1

Zastosowanie div sz CSS:

<div class="table"> 
    {{#each persons}} 
    {{autoform class="tr"}} 
     <div class="td">{{> afQuickField}}</div> 
     <div class="td">{{> afQuickField}}</div> 
     <div class="td">{{> afQuickField}}</div> 
    {{/autoform}} 
    {{/each}} 
</div> 

i styl go jako takie:

.table { 
    display: table; 
} 

.tr { 
    display: table-row; 
} 

.td { 
    display: table-cell 
}