[Vuejs]-PrimeVue – DataTable duplicate key error on reorderableColumns

by

0👍

✅

Reading through the documentation I can see that I missed an important part when using the reorderColumns functionality.

I need to set a columnKey if the specific column doesn’t have a field defined as per the docs:

If the column has no field, use columnKey instead as it is mandatory for columns to have unique keys when reordering is enabled.

I added this, and it works now:

<Column header="Shipper" columnKey="shipper" style="text-transform: capitalize">
    <template #body="slotProps">
        {{ slotProps.data.shipper.name.toLocaleLowerCase() }}
    </template>
</Column>

Leave a comment