Turbo frame for table rows

3

You possibly could use a Turbo-stream inside a Turbo-frame

For example.

Original Page:

<table>
  <tr id="row_1">
    <td><a href="edit_row/1" data-turbo-frame="row-frame">Edit</a></td>
  </tr>
  <tr id="row_2">
    <td><a href="edit_row/2" data-turbo-frame="row-frame">Edit</a></td>
  </tr>
</table>

<turbo-frame id="row-frame"></turbo-frame>

EDIT LINK GET RESPONSE

<turbo-frame id="row-frame">
  <turbo-stream action="replace" target="row_1">
    <template>
      <tr id="row_1">
        <td>
          <form action="">
            <input type="text">
            <input type="submit">
          </form>
        </td>
      </tr>
    </template>
  </turbo-stream>
</turbo-frame>

FORM POST Turbo-Stream RESPONSE

<turbo-stream action="replace" target="row_1">
  <template>
    <tr id="row_1">
      <td><a href="edit_row/1" data-turbo-frame="row-frame">Edit</a></td>
    </tr>
  </template>
</turbo-stream>