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

Question

Модели рельсов:

User.rb
has_many :todos, foreign_key: "developer_id"

Todo.rb
belongs_to :developer, class_name: "User", optional: true

Schema of todos table
    t.bigint "developer_id"
    t.string "title"
    t.integer "status"

Запрос:

users_data = User.joins(:todos).where('users.id=todos.developer_id').select('users.id, todos.title, todos.status').to_a

Ответ на запрос:

[#<User id: 2, title: "Design home Page", status: 1>, #<User id: 4, title: "Display developers", status: 2>, #<User id: 4, title: "Projects display to admin", status: 2>]

Может изменить ответ, если необходимо отобразить данныево внешнем интерфейсе.

Мне нужно отобразить такие данные на внешнем интерфейсе, например реагировать

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

</table>
<tbody>
  <tr id="row0">
    <td id="cell0-0">status 1</td>
    <td id="cell0-0">developer name</td>
  <tr>
   <table>
    <tr><td>Display todo 1</td></tr>
    <tr><td>Display todo 2</td></tr>
   </table>
  </tr>
  <tr id="row1">
    <td id="cell1-0">status 2</td>
  </tr>
  <tr id="row2">
    <td id="cell2-0">status 3</td>
  </tr>
</tbody>
</table>

Помогите мне в создании таблицы динамически, а также, что если в будущем я добавлю пользователей, она будет добавлена ​​автоматически в конце