Column Reorder and Toggle support for Table

[melinashak-noaa]

I'm currently experiencing an issues with the PrimeVue Datatable column reorder feature. It works great when all of the columns are displayed in a table, but when I hide columns off using the column toggle feature, the reorder functionality stops working.

<template #header>
    <div style="text-align:left">
      <MultiSelect
        v-model="displayColumns"
        :options="columnOptions"
        optionLabel="header"
        placeholder="Select Columns"
        style="width: 20em"
        appendTo="body"
      >
        <template #value="slotProps">
          <div>Display Columns</div>
        </template>
      </MultiSelect>
    </div>
</template>
   <Column
    v-for="col of displayColumns"
    :field="col.field"
    :header="col.header"
    :key="col.field"
    :headerStyle="'width: ' + col.width + 'px'"
  />
</DataTable>