2

我有一个使用 jquery-ui 主题改进 SlickGrid 中的行颜色的建议。

我制作了一些 jsfiddles 来展示 jquery-themes 的问题以及如何解决它们。我集成了Super Theme-roller Switcher，因此您可以直接看到 Slick-Grid 如何与所有标准主题一起出现。

标准的 slickgrid。在这里，您可以看到主题“平滑度”看起来不错，但是浅色 active-ui 的主题（例如黑色领带）存在问题，导致行交替消失，甚至对于颜色强烈的主题（例如 Le Frog），其中奇数行中的文本变得不可读。

改进的 slickgrid。在这里你可以看到我的版本解决了上述问题。

更改非常简单。在slick.grid.js的 functionappendRowHtml中，我将标准 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 中修复行颜色的正确方法？

4

0 回答 0