instant-bom/bom_assistant/api/templates/_rows.html

<table>
  <thead>
    <tr>
      <th>Designators</th>
      <th>Qty</th>
      <th>Raw Value</th>
      <th>Footprint</th>
      <th>Category</th>
      <th>State</th>
      <th></th>
      <th>Scout Result</th>
    </tr>
  </thead>
  <tbody>
    {% for row in session.rows %}
    <tr>
      <td>{{ row.designators | join(", ") }}</td>
      <td>{{ row.quantity }}</td>
      <td>{{ row.raw_value }}</td>
      <td>{{ row.footprint or "" }}</td>
      <td>{{ row.category.value }}</td>
      <td class="state">{{ row.state.value }}</td>
      <td>
        <button hx-get="/session/{{ session.session_id }}/row/{{ row.row_id }}/scout"
                hx-target="#row-{{ row.row_id }}-result"
                hx-swap="innerHTML">
          Scout
        </button>
      </td>
      <td id="row-{{ row.row_id }}-result"></td>
    </tr>
    {% endfor %}
  </tbody>
</table>