jquery-ui テーマを使用して SlickGrid の行の色を改善する提案があります。
jquery-themes の問題とその解決方法を示すために、いくつかの jsfiddles を作成しました。Super Theme-roller Switcherを統合したので、すべての標準テーマで Slick-Grid がどのように表示されるかを直接確認できます。
標準的なスリックグリッド。ここで、テーマ「Smoothness」は良さそうに見えますが、明るい色のアクティブ UI のテーマ (例: 黒のネクタイ) には問題があり、行の交互表示が消えたり、強い色のテーマ (例: Le Frog) 奇数行のテキストが読めなくなる場所。
slickgridの改善。ここで、上記の問題を解決した私のバージョンを確認できます。
変更は非常に簡単です。slick.grid.jsの functionでappendRowHtml、偶数行と奇数行に標準の ui クラスを追加しました。
//(row % 2 == 1 ? " odd" : " even");
(row % 2 == 1 ? " ui-state-default odd" : " ui-state-active even");
次に、「slick-default-theme.css」で、標準の jquery-UI クラスに干渉していたスタイル ディレクティブを削除しました。
.slick-row.ui-state-active {
/*background: #F5F7D7;*/
}
.slick-row.odd {
/*background: #fafafa;*/
}
.slick-row.ui-state-active {
/*background: #F5F7D7;*/
}
これらの変更は、SlickGrid で行の色を修正する正しい方法でしょうか?