作成日: 2015/06/16 最終更新日: 2015/09/16
文書種別
不具合
状況
修正済み
詳細
スクロールモードと固定列を有効とし、固定列内の列を非表示に設定した場合、列ヘッダと列データのグリッド線がずれて表示されます。
この現象は以下の条件を満たす場合に発生します。
【再現手順】
1.サンプルを実行します
結果:列ヘッダと列データのグリッド線がずれて表示されます(例:col6)
【サンプルコード】
$('#wijgrid').wijgrid({
data: data,
columnsAutogenerationMode: "none",
scrollingSettings: {
mode: "auto",
staticColumnIndex: 4
},
columns: [
{ dataKey: "col1", width: 50, headerText: "col1"},
{ dataKey: "col2", width: 60, headerText: "col2", visible: false},
{ dataKey: "col3", width: 70, headerText: "col3", visible: false},
{ dataKey: "col4", width: 80, headerText: "col4"},
{ dataKey: "col5", width: 90, headerText: "col5"},
{ dataKey: "col6", width: 50, headerText: "col6"},
{ dataKey: "col7", width: 110, headerText: "col7"},
{ dataKey: "col8", width: 120, headerText: "col8"},
{ dataKey: "col9", width: 130, headerText: "col9"},
{ dataKey: "col10", headerText: "col10"}
]
});
この現象は以下の条件を満たす場合に発生します。
- scrollingSettings.modeが"auto"に設定されている
- scrollingSettings.staticColumnIndexが-1以外に設定されている
- scrollingSettings.staticColumnIndexの範囲内の列が非表示(columns.visibleがfalse)となっている
- columns.widthが設定されている
【再現手順】
1.サンプルを実行します
結果:列ヘッダと列データのグリッド線がずれて表示されます(例:col6)
【サンプルコード】
$('#wijgrid').wijgrid({
data: data,
columnsAutogenerationMode: "none",
scrollingSettings: {
mode: "auto",
staticColumnIndex: 4
},
columns: [
{ dataKey: "col1", width: 50, headerText: "col1"},
{ dataKey: "col2", width: 60, headerText: "col2", visible: false},
{ dataKey: "col3", width: 70, headerText: "col3", visible: false},
{ dataKey: "col4", width: 80, headerText: "col4"},
{ dataKey: "col5", width: 90, headerText: "col5"},
{ dataKey: "col6", width: 50, headerText: "col6"},
{ dataKey: "col7", width: 110, headerText: "col7"},
{ dataKey: "col8", width: 120, headerText: "col8"},
{ dataKey: "col9", width: 130, headerText: "col9"},
{ dataKey: "col10", headerText: "col10"}
]
});
回避方法
旧文書番号
81356