建议使用SlickGrid的方式是什么？

我刚刚开始使用SlickGrid并对其质量感到惊叹。但是，当谈到造型时，我没有找到任何文档或例子推荐整体造型方法。在各个地方都有各种选项和API，但从中提取战略非常困难。此外，网格利用jQuery UI主题。不幸的是，这些正在干扰我试图实现的目标。我们仅为日历小部件提供了jQuery UI以及ui-darkness主题。这个主题完美适用于日历小部件，但网格需要覆盖它的每个方面。建议使用SlickGrid的方式是什么？

这是一个jsFiddle，显示了我试图实现的外观：http://jsfiddle.net/nareshbhatia/3q6RD/。仅用于说明，它使用常规的HTML表格。不过，我想用SlickGrid实现完全相同的样式。这个jsFiddle中的CSS基本上是我从我的视觉设计师那里得到的要求，例如

#positions-table th { 
    background-color: #505050; 
    color: #eeeeee; 
    text-shadow: none; 
    font-size: 13px; 
    height: 40px; 
    line-height: 40px; 
}

编辑：我还创建了一个的jsfiddle用起子SlickGrid实现：http://jsfiddle.net/nareshbhatia/vJshY/。正如你所看到的，乌黑主题已经完全接管了！

来源

2013-06-23 Naresh

在你的第二/最后的jsfiddle可以通过修改CSS来有这样的代码

.slick-header-column.ui-state-default { 
    background:none ; 
    background-color: #505050 ; 
    color: #eeeeee; 
    border: none; 
    padding: 0; 
    text-shadow: none; 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 13px; 
    height: 40px; 
    line-height: 40px;  
} 

.slick-row.ui-widget-content, .slick-cell { 
    background: none; 
    background-color: #eeeeee; 
    color: #666666; 
    border: none; 
    border-bottom: solid 1px #ffffff; 
    font-size: 14px; 
    height: 60px; 
    line-height: 60px; 
    padding: 0 5px; 
}

来源

2013-06-24 06:02:07 ghiscoding

感谢@ghiscoding。这工作非常好。将这个或类似的例子包含在文档中会很好。虽然问题。当我将这些样式包含在我的实际项目中时，使用如下动态声明将.slick-row类重写约60次：.slickgrid_357698 .slick-row {height：30px; }。请注意，高度超过30像素，所以行被挤压。任何想法为什么发生这种情况？在你的代码中，我只看到一个覆盖，它具有相同的值（60px），所以我没有看到任何问题。 – Naresh

好吧，算出来。在我的真实项目中，我将options.rowHeight设置为30px。只要我将其改为60px，高度仍然保持在60px。仍然不明白为什么SlickGrid会重复设置.slickgrid_357698 .slick-row {height：60px; }。 – Naresh

它可能取决于您将CSS代码放在slickgrid CSS代码的哪个位置，我的意思是最后加载哪个代码？我假设最后一个要加载的代码将具有优先级...现在，您可以随时尝试在该行添加'！important'，这将确保它始终需要它。 '身高：60px！重要;' – ghiscoding

建议使用SlickGrid的方式是什么？

回答

相关问题