handle constraint issue when resizableColumns is true and selectableRows set to 'none'

[grant-carpenter]

When a table is created with resizableColumns: true and selectableRows: 'none', column handles can be dragged beyond the ranges of their columns. This creates display errors. It appears to be the result of TableResize.isLastColumn() not respecting the selectableRows prop.

Expected Behavior

1. WHEN a datatable with at least three columns is created with resizable columns and no selectable rows
2. AND a user drags the second-to-last column to the right
   THEN
   The dragged handle's position should be constrained.

Current Behavior

1. WHEN a datatable with at least three columns is created with resizable columns and no selectable rows
2. AND a user drags the second-to-last column to the right
   THEN
   The dragged handle can be dragged beyond its columns width, creating a display error. See example:

Steps to Reproduce (for bugs)

See sandbox here: https://codesandbox.io/s/muidatatables-custom-toolbar-ddw18

1. Create a data-table with at least three columns and the following options:
   {
   selectableRows: 'none',
   resizableColumns: true,
   }
2. Click on the second-to-last column handle. "Title" handle in the example.
3. Drag handle to the far right.

Your Environment

Tech	Version
Material-UI	4.10.2
MUI-datatables	3.2.0
React	16.9.0
browser	Chrome 81

[patorjk]

Thank for you the report! I can confirm this, I'll see about getting a fix in for the next release.

[patorjk]

Fixed in 3.3.0

[grant-carpenter]

That was super quick. Thank you for the fast response.