Is it possible to change the width of the selected column?

@@

## Expected Behavior

Failed to use resizableColumns: true

WHY ->


I can't modify the z-Index of a vertical line.

## Current Behavior


I want to change the width of that column by moving a slider.

To do this, I need to get the index of the column I selected and change the options.

But this method brings too much rendering.

## Steps to Reproduce (for bugs)

1.
2.
3.
4.

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | |
| MUI-datatables | |
| React | |
| browser | |
| etc | |

Start by tracing the resizableColumns option and the column-selection and rendering paths in the repository. Determine how the selected column's width and the vertical resize line are currently controlled; done should allow changing that width with a slider without excessive rerendering.

Written by the indexing model from the issue text.