作成日: 2018/11/29 最終更新日: 2019/02/06
文書種別
不具合
状況
修正済み
詳細
FlexGridで2018v3(5.20183.550)のモジュールを使用すると、列(column)のalignプロパティに'justify-all'を設定しても、セルのテキストが「均等割り付け」で表示されません。
※ 'justify-all'は2018v1(5.20181.436)から追加された新機能です。
※ 'justify-all'は2018v1(5.20181.436)から追加された新機能です。
回避方法
この問題はバージョン5.20183.568で修正されました。
修正版を適用しない場合の回避方法は次の通りです。
以下の方法で回避できます。
1.以下のスタイル追加します。
<style type="text/css">
.wj-cell.wj-align-justify-all {
text-align: justify;
text-align-last: justify;
text-justify: distribute;
}
</style>
2.itemFormatterを使用してaddClassメソッドで処理します。
<script>
var flexGrid = new wijmo.grid.FlexGrid('#flexGrid', {
itemsSource: [
{col1: '会社名'},
{col1: '住所'},
{col1: '電話番号'},
],
columns: [
{binding: 'col1', header: '均等割り付け', align: 'justify-all'},
],
itemFormatter: function(panel, r, c, cell) {
if (panel.columns[c].align == 'justify-all') {
wijmo.addClass(cell, 'wj-align-justify-all');
}
},
});
</script>
修正版を適用しない場合の回避方法は次の通りです。
以下の方法で回避できます。
1.以下のスタイル追加します。
<style type="text/css">
.wj-cell.wj-align-justify-all {
text-align: justify;
text-align-last: justify;
text-justify: distribute;
}
</style>
2.itemFormatterを使用してaddClassメソッドで処理します。
<script>
var flexGrid = new wijmo.grid.FlexGrid('#flexGrid', {
itemsSource: [
{col1: '会社名'},
{col1: '住所'},
{col1: '電話番号'},
],
columns: [
{binding: 'col1', header: '均等割り付け', align: 'justify-all'},
],
itemFormatter: function(panel, r, c, cell) {
if (panel.columns[c].align == 'justify-all') {
wijmo.addClass(cell, 'wj-align-justify-all');
}
},
});
</script>
旧文書番号
83426