为SlickGrid设置样式的推荐方法是什么？

Question

我刚刚开始使用SlickGrid并对其质量感到惊讶.但是,当涉及到样式时,我没有找到任何推荐整体样式方法的文档或示例.有各种选项和API分散在各个地方,但很难从中提取策略.网格还利用了jQuery UI主题.不幸的是,那些干扰了我想要实现的目标.我们只为日历小部件和ui-darkness主题选择了jQuery UI.这个主题非常适合日历小部件,但网格需要覆盖它的每个方面.

这是一个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;
}

编辑:我还创建了一个带有启动器SlickGrid实现的jsFiddle:http://jsfiddle.net/nareshbhatia/vJshY/.正如你所看到的,ui-darkness主题完全接管了!

Answer 1

在你的第二个/最后一个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;
}