作成日: 2024/06/14 最終更新日: 2024/11/06
文書種別
不具合
発生環境
5.20231.904以降のバージョンで発生
状況
修正済み
詳細
セルテンプレートを利用している場合に、任意のコンテンツを配置します。
この時autoRowHeightsをtrueに設定しても、セルテンプレート内に配置したコンテンツに合わせた行の高さの自動調節が実行されません。
この時autoRowHeightsをtrueに設定しても、セルテンプレート内に配置したコンテンツに合わせた行の高さの自動調節が実行されません。
回避方法
この問題はバージョン5.20242.21で修正されました。
修正版を適用しない場合の回避方法は次の通りです。
セルテンプレートを配置する際に、以下のCSSを追加します。
<FlexGridCellTemplate
cellType="ColumnHeader"
template={() => (
//回避方法
<div className="wj-cell-middle">
<div>test</div>
<div>test</div>
<div>test</div>
</div>
)}
/>
【CSS】
.wj-cell-middle {
display: inline-grid;
align-items: center;
justify-content: center;
width: 100%;
}
.wj-cell-middle div{
width: 100%;
display: inline-flex;
justify-content: center;
}