Components need to be explicit about their props. If you only need an ID field then add an :id prop to your component definition. If you want to accept any valid html attribute then you’re looking for :global attributes. Check out the docs here.

If you’re using the table component that ships with the generated phoenix core components, then there is a row_id attribute that can take a function to generate an ID for each row (tr).

Example:

<.table id="users" rows={@users} row_id={fn row -> "row-#{row.id}" end}>
  <:col :let={user} label="id"><%= user.id %></:col>
  <:col :let={user} label="username"><%= user.username %></:col>
</.table>

If you look at the component, you can see how that is used:

<tr :for={row <- @rows} id={@row_id && @row_id.(row)} class="group hover:bg-zinc-50">

Thank you so much!!! I did not see this file when the app was generated. Totally new to me. This makes much more sense now.

So yes, I was talking about this core components file.