Bir SlickGrid'i şekillendirmek için önerilen yaklaşım nedir?

Question

Sadece SlickGrid'i kullanmaya başladım ve kalitesiyle hayran kaldım. Bununla birlikte, söz konusu olduğunda, genel stil yaklaşımı öneren hiçbir doküman veya örnek bulamadım. Çeşitli yerlerde dağılmış seçenekler ve API'ler vardır, ancak bunlardan bir strateji çıkarmak çok zordur. Ayrıca ızgara jQuery UI temalarını kullanır. Ne yazık ki, elde etmeye çalıştığım şeylere müdahale ediyorlar. JQuery UI'yi yalnızca ui-darkness temasıyla birlikte takvim widget'ına aldık. Bu tema, takvim widget'ı için mükemmel bir şekilde çalışıyor, ancak kılavuzun her yönünü geçersiz kılması gerekiyor.

İşte elde etmeye çalıştığım görünümü gösteren bir jsFiddle var: http://jsfiddle.net/nareshbhatia/3q6RD/. Sadece gösterim amacıyla, normal bir HTML tablosu kullanır. Ancak, SlickGrid kullanarak tam olarak aynı stile ulaşmak istiyorum. Bu jsFiddle'daki CSS, esasen görsel tasarımcımın sahip olduğu şarttır, örn.

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

Düzenleme: ben de bir marş SlickGrid uygulamasıyla bir jsFiddle oluşturuldu: http://jsfiddle.net/nareshbhatia/vJshY/. Gördüğünüz gibi, ui-darkness teması tamamen devraldı!

Answer 1

son/saniye jsFiddle içinde bu kod @ghiscoding

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