Unrendered rows? tui-grid elements that are hidden and then shown have visual issues

[Nitrodist]

Describe the bug

When a tui-grid element is hidden and the grid is initialized, the rows within the grid are blank and unusable.

Resizing the window re-renders the rows. That fixes the issue.

If you have the grid initially visible and then hide it, this issue does not happen. It only happens when the div is hidden initially.

To Reproduce Steps to reproduce the behavior:

1. Wrap a tui-grid enabled div with <div style="visibility: hidden"></div>
2. Initialize the tui-grid enabled div with javascript: new Grid ...
3. Remove visibility: hidden
4. See error

Expected behavior

There is a similar issue in tui-calendar where you can call [.render()](https://nhn.github.io/tui.calendar/latest/Calendar#render). I could call a similar function in my javascript that hides/shows the divs very easily if it existed.

Screenshots

The error happening:

After resizing the window:

Desktop (please complete the following information):

• OS: Mac
• Browser Chrome
• Version 91.0.4472.106

[js87zz]

@Nitrodist I checked the issue with our example, but there was no visual issues.

Can you give me the more detail information like your configuration code or DOM structure?

[youalreadydid]

you need to call refreshLayout when the parent is visible again