KendoReact Grid layout broken for scrollable="none"

[SweVictor]

I'm submitting a...

• Bug report

Current behavior

For KendoReact Grid when setting scrollable="none" table-layout is no longer fixed and header and body of table is in the same container (they are separated when setting scrollable="scrollable").

This often breaks the visual layout of the table and makes behavior inconsistent with other scroll modes.

Expected behavior

Layout should not change when changing scroll mode, presumably by always setting table-layout to fixed. Possibly header and body container should always stay, but that's more of an implementation detail.

Minimal reproduction of the problem with instructions

See example below for details. Most prominent on smaller widths.
https://react-jdmney.stackblitz.io

What is the motivation or use case for changing the behavior?

Make scroll-mode="none" usable without css hacks.

Browser:

• Chrome (desktop) Version 84.0.4147.89 (Official Build) (64-bit)

[kdikov82]

related with #774