我建议使用jquery-ui主题改进SlickGrid中的行颜色。
我制作了一些jsfiddles来显示jquery-themes的问题以及如何解决这些问题。我集成了 Super Theme-roller Switcher ,因此您可以直接看到Slick-Grid如何与所有标准主题一起出现。
Standard slickgrid。在这里你可以看到主题“平滑”看起来很好但是主题有浅色活动ui(例如黑色领带),导致行交替消失甚至更糟糕的强烈色彩主题(例如Le青蛙)奇数行中的文字变得不可读。
Improved slickgrid。在这里,您可以看到解决上述问题的版本。
变化非常简单。在 slick.grid.js ,函数appendRowHtml
中,我将标准ui-classes附加到偶数行和奇数行。
//(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中修复行颜色的正确方法?