[Grid] 仮想スクロールと固定列を同時に使用してスクロールした場合、下部に空白が表示される – MESCIUS ナレッジベース

作成日: 2015/05/27 最終更新日: 2015/07/03

文書種別

不具合

発生環境

Google Chrome

状況

修正済み

詳細

下矢印でスクロール時、グリッド下部に空白領域が表示されます。

この現象は以下の条件を満たす場合に発生します。

Google Chromeで表示
Wijmo 3のテーマを読み込んでいない（jQuery UI テーマ（CSS）、またはBootstrap（CSS）を読み込んでいる）
下矢印キーでスクロールする
仮想スクロールと固定列を同時に使用

【再現手順】
1.サンプルを実行します
2.グリッドの任意のセルをクリックしフォーカスを当てます
3.下矢印キーを押下し、スクロールします
結果：グリッドの下部に空白が表示されます

【サンプルコード（2014v3以降）】
<!doctype html>
<head>
　　
　　

　　
　　
　　
　　
　　<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
　　：
</head>
<body>
　　<table id="wijgrid" style="width: 300px; height: 250px;"></table>
　　<script type="text/javascript">
　　　　：
　　　　$('#wijgrid').wijgrid({
　　　　　　scrollingSettings: {
　　　　　　　　mode: 'auto',
　　　　　　　　staticColumnIndex: 0,
　　　　　　　　virtualizationSettings: {
　　　　　　　　　　mode: 'both'
　　　　　　　　}
　　　　　　},
　　　　　　：
　　　　});
　　</script>
</body>
</html>

【サンプルコード（2014v2以前）】
<!doctype html>
<head>
　　
　　

　　
　　
　　
　　
　　<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
　　：
</head>
<body>
　　<table id="wijgrid" style="width: 300px; height: 250px;"></table>
　　<script type="text/javascript">
　　　　：
　　　　$('#wijgrid').wijgrid({
　　　　　　data: data,
　　　　　　scrollMode: 'auto',
　　　　　　allowVirtualScrolling: true,
　　　　　　staticColumnIndex: 0
　　　　});
　　</script>
</body>
</html>

回避方法

この問題はバージョン3.20151.73で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。

旧文書番号

81331