Как с библиотекой React Data Table Component сделать удаление колонок?

Question

[Habr_Agent]

В данной библиотеке отрисовывается таблица с помощью компонента .

<DataTable
          customStyles={customStyles}
          columns={columns}
          data={products}
          selectableRows
          onSelectedRowsChange={handleChange}
          className='react-dataTable'
        />

Для этого используется массив объектов

const col = [
  {
    name: 'Артикул',
    cell: () => <button>Артикул</button>,
    selector: row => row.artnumber,
    sortable: true,
    style: {
      color: 'rgba(0,0,0,.54)',
    },
  },]

содержащий данные о колонках таблицы и сами данные :

const dataToRender = [
  {
    "visible": "true",
    "id": "325",
    "artnumber": "325",
    "categories": [
      {
        "id": "72",
        "name": "Easter"
      }
    ],
    "price": "50",
    "name": 
  },
]

,
Мне удалось добавить новые колонки, но мне нужно также уметь удалять или скрывать уже существующие колонки. Я хочу добавить бургер»или другую кнопку рядом с названием колонки, чтобы выполнить это действие. Есть ли способ реализовать это в данной библиотеке?

Я ищу совет от тех, кто знаком с данной библиотекой. Пожалуйста, не предлагайте советы, не относящиеся к этой конкретной библиотеке.