Resizable Columns feature adds bottom scroll

resizableColumns: true
This setting works fine, but this adds horizontal scroll on grid bottom
This feature adds dividers for each visible column, one divider turns out to be superfluous. If delete for example last divider - horizontal scroll hides

## Expected Behavior
Enabling this option add column resize feature without scroll on grid bottom

## Current Behavior
This adds horizontal scroll on grid bottom

## Steps to Reproduce (for bugs)
Set option

resizableColumns: true

## Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 4.0.0 |
| MUI-datatables | 3.7.7 |
| React | 16.13.0 |
| browser | Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36 |
| etc | |

Reproduce the issue in mui-datatables with resizableColumns: true and inspect how the visible-column dividers are rendered. The fix is complete when resizing remains available without adding a horizontal scrollbar at the bottom of the grid.

Written by the indexing model from the issue text.