非表示の状態（CSSで"display: none"に設定）でFlexGridを作成してから、表示（CSSで"display: none以外の値"に設定）すると、左上のセルしか表示されません。Wijmo／Bootstrap／jQuery UIのタブやポップアップ／ダイアログにFlexGridを配置した場合も、同様の現象が発生します。

この現象は制限事項です。

FlexGridは、現在表示されている領域しか描画せず、親要素のサイズが変更されても自動的に再描画されない仕様になっています。そのため、親要素を非表示から表示に変更したりサイズを変更すると、新たに表示された領域が空白になってしまいます。FlexGridを表示するときにFlexGrid.refresh／invalidateメソッドを実行すると、再描画して全てのセルを表示できます。

サンプル

なお、バージョン5.20191.603では、親要素のサイズ変更を検知して自動的に再描画されるように動作が改善されました。ただし、これはResizeObserverの機能を利用して実現しているため、ResizeObserverに対応していないIEなどのブラウザでは自動的に再描画されません。resize-observer-polyfillを使用すると、IEなどのブラウザでも自動的に再描画できるようになります。

サンプル