Table Example

[mikeptweet]

Do you have a quick example that shows how one might bind a data array to an html table?

[petervanderwalt]

HTML:

<table class="table table-responsive-sm table-bordered table-striped table-sm">
                  <thead>
                    <tr>
                      <th>Filename</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody id="filelistJSON">
                    <tr>
                      <td>No File Loaded</td>
                        <td>
                          <span class="badge badge-success">Active</span>
                        </td>
                      </tr>
                  </tbody>
                </table>

JS:

var viewJSON = Bind({
  view: {
    files: [
      // threejs meshes pushed here by loaders
    ],
  },
}, {
  'view.files': {
    dom: '#filelistJSON',
    transform: function (files) {
      return '<tr><td>' + this.safe(files.userData.filename) + '</td><td>' + this.safe(files.userData.type) + '</td></tr>'
    }
  },
});