Получить динамически заголовок таблицы и динамически добавить строки

Question

Мне нужно создать таблицу с динамическим добавлением строк. Но мне нужно иметь фиксированный заголовок таблицы, который я получил динамически из JSON, и тело таблицы также генерируется динамически.

Вот JSON пример

data = [
            {
              id: 0,
              title: "control0",
              text: "text 0"
            },
            {
              id: 1,
              title: "control1",
              text: "text 1"
            },
            {
              id: 2,
              title: "control2",
              text: "text 2"
            },
            {
              id: 3,
              title: "control3",
              text: "text 3"
            }
          ]

Я пытаюсь создать метод , но я получаю новый столбец вместо строки

 addRow(index, name) {
    this.newDynamic = { id: index, name: name, text: "name" + index };
    this.data.push(this.newDynamic);
    return true;
  }

Вот как это выглядит сейчас

Но мне нужно как это

Когда мы нажимаем кнопку ADD ROW , я хочу добавить новую строку, но без заголовка (как на картинке) , но обновите JSON новым объектом.

Вот стек, например