Complex HTML List Comprehension Table

Phoenix Forum Questions / Help
,
1

I’m trying to dynamically show a table that looks like:

image
image707×274 31.6 KB

The table doesn’t format in the way I would expect when trying to show the additional row if there is more than 1 speaker under the details header. I tried adding another table within the <tr> like this:

<tbody>
  <%= for meeting <- @meetings.results do %>
    <tr>
      <td><%= meeting.date %></td>
      
    <table> # nested table
      <%= for speaker <- meeting.speakers do %>
      <tr>
        <td>
          <h4><%= speaker.name %></h4>
        </td>
      </tr>
      <tr>
        <td>
          <p><%= speaker.title %></p>
        </td>
      </tr>
      <% end %>
    </table> # end nested table

      <td><%= link "Attendees", to: meeting_path(@conn, :show, meeting) %></td>
    </tr>
  <% end %>
</tbody>

How would I accomplish this or is there another way I should show the data?

2

You might use colspan/rowspan attributes on td.

3

Must have confused myself somewhere along the way, but here is the solution:

<tbody>
  <%= for meeting <- @meetings.results do %>
    <tbody>
    <tr>

      <td><%= meeting.date %></td> 
    <td>
    <table>
      <tbody>
      <%= for speaker <- meeting.speakers do %>
        <tr>
        <td>
          <h4><%= speaker.name %></h4>
        </td>
        </tr>
        <tr>
        <td>
          <p><%= speaker.title %></p>
        </td>
        </tr>
      <% end %>
      </tbody>
    </table>
    </td>

      <td><%= link "Attendees", to: meeting_path(@conn, :show, meeting) %></td>

    </tr>
  <% end %>
</tbody>