Issue with DynaGrid Generation

[hkbertoson]

Prerequisites

• [X] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [X] The issue still exists against the latest master branch of yii2-grid.
• [X] This is not an usage question. I confirm having gone through and read the documentation and demos.
• [X] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
• [X] I have attempted to find the simplest possible steps to reproduce the issue.
• [ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

1. Create a Dyna Grid Table with a lot of columns
2. Populate it with data
3. Load The Page

Expected behavior and actual behavior

When I follow those steps, I see...

The fix for this issue is to set the div class of "rc-handle-container" with have an overflow of Hidden. This resolves the issue as shown in the screenshots.

I was expecting...

Environment

Browsers

• [X] Google Chrome
• [X] Mozilla Firefox
• [ ] Internet Explorer
• [ ] Safari

Operating System

• [ ] Windows
• [X] Mac OS X
• [X] Linux
• [ ] Mobile

Libraries

• jQuery version:
• yii2-grid version: 3.2.5

Isolating the problem

• [ ] This bug happens on the demos page
• [X] The bug happens consistently across all tested browsers
• [X] This bug happens when using yii2-grid without other plugins.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[kartik-v]

Seems you have set floatHeader to true - if you set it to false your table overflows will be normal... With floatHeader set to true the behavior and styling is controlled by the third party Float Header plugin (which locks your table headers when you scroll).