v8 delete columns from table

[GuidovdRiet]

What would be the best way to delete columns based on an event?

• Get the initial table data from a request (using react query).
• Manipulate this data later on with an onClick event to delete a column.
• Currently I use this functionality, it seems a bit insufficient:

deleteOnClick={(e) => {
  e.stopPropagation();

  // First hide the column
  table.setColumnVisibility({
    [header.id]: false,
  });

  // Then remove it from the column order
  // This is necessary to prevent filter visualisation animation
  table.setColumnOrder(
    table
      .getState()
      .columnOrder.filter((id) => id !== header.id)
  );
}}