lundi 5 octobre 2015

Ember.js - Display two table cells per row

I'm using Ember.js and my plan is to create a table that has two table cells per row for any number of table cells, so that

<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  ...
</tr>

would become

<tr>
  <td>1</td>
  <td>2</td>
</tr>
<tr>
  <td>3</td>
  <td>4</td>
</tr>
<tr>
  ...
</tr>

The closest thing I can think of to use as a reference is that it's similar to the way Facebook displays members within a Facebook group.

Currently this is what I have

<table id='group-member-table' class='table'>
  <thead>
    <tr>
      <th colspan='2'>Members</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      {{#each groupinfo.individuals as |member|}}
        <td>{{member.firstname}} {{member.lastname}</td>
      {{/each}}
    </tr>
  </tbody>
</table>

I'm just a little confused on how to do this within Ember.js and having a dynamic number of members per group.




Aucun commentaire:

Enregistrer un commentaire