DataTable - Select all, sort, paginator performance

[nexortechnology]

Starting with orders and selectedOrders as empty [], then
setting orders as array of 200 simple elements, like [{ id: [uniqueId] }],
sorting and selection performance is really bad.
We tried with old version 3.8.0, and the problem doesn't occur,
with the last version (3.12.0) yes instead.

Code: Select all

<DataTable
  :value="orders"
  dataKey="id"
  v-model:selection="selectedOrders">
  <Column
      selectionMode="multiple"
      :headerStyle="{width: '3em'}"
  />
  <Column header="ID"
          field="id"
          :sortable="true"
  >
    <template #body="{data}">
      #{{data.id}}
    </template>
  </Column>
</DataTable>

[tugce.kucukoglu]

We recommend to use lazy loading for big amount of data.

[nexortechnology]

I'm using lazy loading with a pagination API but no difference with basic datatable. Also it's not a large data issue but a rendering issue. Anytype datatable wih 200 rows and 1 column has the same behavier as 200 rows and 100 columns.
You can try a page with 2/3 datatable and 1 column each (few rows like 10). A rendering gap is evident.
In this forum and github users complain about the same problem. Also performance profilder in Chrome found a lot of warnings on select all function click.