Use style overflow: auto in certain components in JS Table to deliver better UI when mouse is attached

[blakegong]

Currently, since TruncatedFormat and Table components are using overflow: scroll, although they display beautifully with no mouse attached:

It becomes somewhat unnecessary and imperfect when you plug in the mouse. The scroll bars for X and Y are always shown in this case, even for a not overflowed component:

By using overflow: auto on those components, the visual effect of those components are always displayed beautifully whether mouse is attached or not.

May I know is there any concern for using overflow: scroll? If not, I can go ahead and submit a PR for this :D

[llorca]

@themadcreator any particular reason why we used overflow: scroll here?

[blakegong]

Actually this line should be changed to overflow: auto also. If you pay closer attention to the differences between the two pictures in the original post... And there might be more unnecessary overflow: scroll in this project. Should I raise another issue for that?

[llorca]

@blakegong Yes, please file an issue with the other instances that need to be changed