Hey memsbdm! Yeah, the deployed app has been expanded beyond the scope of the Building with AdonisJS & Inertia series. It's what I use to plan lessons and series, and also feeds the data shown on our schedule page. So, I've added some things since. Apologies if that caused any confusion!

I did have the repository private, but just made it public. You can find the code for the live PlotMyCourse app here.

The <Sortable> component accepts a tag prop, and I have that set as tbody so that it plays well structurally with the table itself. I think that might be all you're missing!

<Table>
  <TableHeader>
    <TableRow>
      <!-- ... -->
    </TableRow>
  </TableHeader>
  <Sortable
    v-if="courses?.length"
    v-model="courses"
    item-key="id"
    handle=".handle"
    tag="tbody" <!-- 👈 -->
    class="[&_tr:last-child]:border-0"
    @end="onOrderUpdate"
  >
    <template #item="{ element: course }">
      <TableRow class="group">
        <!-- ... -->
      </TableRow>
    </template>
  </Sortable>
</Table>

  

    

      Copied!