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以内にあなたは

.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; 
}