How to create few tables from the metadata?

[carbolymer]

I have a following note (using dataview & metabind):

---
exercises:
  - exercise: "[[Dumbbell Shrug]]"
    sets:
      - completed: true
        weight: 5
  - exercise: "[[Dumbbell Shrug]]"
    sets:
      - completed: true
        weight: 5
  - exercise: "[[Bicep Curl]]"
    sets:
---

```dataviewjs
const mb = app.plugins.getPlugin('obsidian-meta-bind-plugin').api
const frontmatter = dv.current().file.frontmatter
const notePath = dv.current().file.path
frontmatter.exercises.forEach((x, i) => {

   const is = String(i)
   const headlineOptions = {
     renderChildType: 'inline',
     declaration: 'VIEW[{exercises['+ i +'].exercise}][text(renderMarkdown)]'
   }

  const tableOptions = {
    bindTarget: mb.createBindTarget('frontmatter', notePath, ['exercises', String(i), 'sets'], true),
    tableHead: ['', 'Weight', 'Reps', 'Comment'],
    columns: [
      'INPUT[toggle:scope^completed]',
      'INPUT[number(class(meta-bind-small-width),placeholder(weight)):scope^weight]',
      'INPUT[number(class(meta-bind-small-width),placeholder(reps)):scope^reps]',
      'INPUT[text(placeholder(comment)):scope^comment]',
    ],
  };

    console.log(i)
    console.log(x)
  const headline = mb.createViewFieldMountable(notePath, headlineOptions);
  mb.wrapInMDRC(headline, this.container, this.component);


  const table = mb.createTableMountable(notePath, tableOptions);
  mb.wrapInMDRC(table, this.container, this.component);
})
```

But it only produces a single table for Bicep Curl instead of three tables for the three exercises in the frontmatter. What am I doing wrong here?

[mProjectsCode]

seems like you are mounting them to the same container. You need to create sub-containers for the individual tables.

[carbolymer]

That's strange, because when I change the code to:

  const table = mb.createTableMountable(notePath, tableOptions);
  mb.wrapInMDRC(table, this.container, this.component);

  const table2 = mb.createTableMountable(notePath, tableOptions);
  mb.wrapInMDRC(table2, this.container, this.component);

It creates two tables just fine. Also the headline is placed there just fine.

[mProjectsCode]

Ah, the table doesn't clear the container while the view field does. The inconsistency with the tables will be fixed, so that they also clear their container on mount.