作成日: 2019/10/01 最終更新日: 2019/10/01
文書種別
制限事項
詳細
FlexGridで列幅が小さいときに罫線が表示されません。
列幅をマウスで小さくしていくと列のwidthが12の時点で罫線が消えてしまいます。
この動作はブラウザのレンダリング動作による仕様となります。
列幅をマウスで小さくしていくと列のwidthが12の時点で罫線が消えてしまいます。
この動作はブラウザのレンダリング動作による仕様となります。
回避方法
itemFormatterを使用してセルのパディングを0に設定します。また、列幅の最小サイズを設定してください。
------------------------------
var grid = new wijmo.grid.FlexGrid("#grid", {
itemsSource: getData(),
itemFormatter: function(panel, row, col, cell) {
let column = panel.columns[col];
cell.style.paddingRight = column.width <= 12 ? '0px' : null;
cell.style.paddingLeft = column.width <= 12 ? '0px' : null;
}
});
// 列幅の最小サイズを設定
grid.columns.minSize = 3;
------------------------------
------------------------------
var grid = new wijmo.grid.FlexGrid("#grid", {
itemsSource: getData(),
itemFormatter: function(panel, row, col, cell) {
let column = panel.columns[col];
cell.style.paddingRight = column.width <= 12 ? '0px' : null;
cell.style.paddingLeft = column.width <= 12 ? '0px' : null;
}
});
// 列幅の最小サイズを設定
grid.columns.minSize = 3;
------------------------------
旧文書番号
84523