使用jquery-ui主题时,修复slickgrid中的交替行颜色

时间:2012-10-11 15:19:36

标签: javascript css jquery-ui slickgrid

我建议使用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中修复行颜色的正确方法?

0 个答案:

没有答案