作成日: 2019/10/15 最終更新日: 2019/10/15
文書種別
使用方法
詳細
.wj-row要素にホバー疑似スタイルを適用するとマウスホバー時に行のスタイルを変更できますが、デフォルトでは、グリッドの固定列の部分にはスタイルが反映されません。
マウスホバー時に固定列部分のスタイルも併せて変更するには、CloneFrozenCellsプロパティをFalseに設定する必要があります。
◎サンプルコード(View)
マウスホバー時に固定列部分のスタイルも併せて変更するには、CloneFrozenCellsプロパティをFalseに設定する必要があります。
◎サンプルコード(View)
<style>
#grid .wj-cells .wj-row:hover .wj-cell:not(.wj-state-selected):not(.wj-state-multi-selected) {
transition: all 0.5s;
background: rgb(200,255,200);
}
</style>
@(Html.C1().FlexGrid()
.Id("grid")
・・・
.FrozenColumns(3)
.CloneFrozenCells(false)
)
#grid .wj-cells .wj-row:hover .wj-cell:not(.wj-state-selected):not(.wj-state-multi-selected) {
transition: all 0.5s;
background: rgb(200,255,200);
}
</style>
@(Html.C1().FlexGrid()
.Id("grid")
・・・
.FrozenColumns(3)
.CloneFrozenCells(false)
)
旧文書番号
84556