作成日: 2015/01/28 最終更新日: 2015/01/28
文書種別
制限事項
詳細
仮想スクロールを有効にした場合は、グリッドのサイズを明示的に指定する必要があります。サイズを指定しないと、次のような問題が発生します。
・Internet Explorerで一部の列しか表示されない
・wijgrid.selectionMode = singleRowに設定してブラウザのサイズを変更すると、読み込み中の画面が表示されたまま消えない
【再現手順】
1. IEでサンプルコードを実行します。
結果: 最初の2列しか表示されません。
2. ブラウザのサイズを変更します。
結果: 「Loading...」の画面が表示されたまま消えません。
【サンプルコード】
$('#wijgrid').wijgrid({
data: [
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' },
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' },
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' }
],
scrollingSettings: {
mode: 'both',
virtualizationSettings: {
mode: 'both'
}
},
selectionMode: 'singleRow'
});
・Internet Explorerで一部の列しか表示されない
・wijgrid.selectionMode = singleRowに設定してブラウザのサイズを変更すると、読み込み中の画面が表示されたまま消えない
【再現手順】
1. IEでサンプルコードを実行します。
結果: 最初の2列しか表示されません。
2. ブラウザのサイズを変更します。
結果: 「Loading...」の画面が表示されたまま消えません。
【サンプルコード】
$('#wijgrid').wijgrid({
data: [
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' },
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' },
{ Col1: '', Col2: '', Col3: '', Col4: '', Col5: '', Col6: '', Col7: '', Col8: '', Col9: '', Col10: '', Col11: '', Col12: '', Col13: '', Col14: '', Col15: '' }
],
scrollingSettings: {
mode: 'both',
virtualizationSettings: {
mode: 'both'
}
},
selectionMode: 'singleRow'
});
回避方法
グリッドのサイズを明示的に指定します。
【サンプルコード】
$('#wijgrid').width(500).height(500).wijgrid({
:
});
【サンプルコード】
$('#wijgrid').width(500).height(500).wijgrid({
:
});
旧文書番号
81149