Add Named-Slot via Elixir-Code instead of Heex

I think the simplest way to is to just provide a boolean attribute:

<tr :for={item <- @items}>
  <td :if={@show_bulk_edit}>
    <button rel="toggle-select" phx-click="toggle-select" phx-value-id={item.id} phx-target={@myself}> 
      <input type="checkbox" checked={MapSet.member?(@selected, item.id)} />
    </button>
  </td>
  <td :for={col <- @col}>
    <%= render_slot(col, item) %>
  </td>
</tr>

If you wanted to make it more configurable, allowing the user to define the checkbox (I was a little unclear from your example) because you want to treat those columns different in the styling or not allowing a “row click” on them, you can make it its own slot:

<tr :for={item <- @items}>
  <td :let={action <- @actions}>
    <%= render_slot(action, item) %>
  </td>
  <td :for={col <- @col}>
    <%= render_slot(col, item) %>
  </td>
</tr>

Hi @sodapopcan, thanks for your super fast response.

The app has multiple data tables and uses a framework for rendering the table (flop_phoenix, amazing work, btw.) - I don’t render the table itself.

Your suggestion with a boolean flag would work. The current named-slot approach with using the private API however, comes with the advantage of having the whole selection-work encapsulate in a live-component (handle_event, etc.) and by that not spread all over the place.