Ben slickgrid kullanan bir web sayfasının görünümünü ince ayar yapmak istiyorum. Bu yüzden bunu yapmak için slickgrid için mevcut CSS sınıflarının bir listesini arıyordum, ancak bir tane bulamadı.Slickgrid için CSS sınıflarının bir listesi var mı?
Böyle bir liste var mı? Birisi bana işaret edebilir mi yoksa görevim için farklı bir yaklaşım mıdır?
Slickgrid bu sınıfların bağlı hiçbir stil var ama çıkışı bakmaktan satır ve sütun tanımlamak için sınıfları oluşturur:
Sen tarzı satır ve sütun artı eşitler, oran gerekir default theme'da verilen sınıfları kullanarak aktif hücreler. daha derine gitmek istiyorum ve oluşturulan stilleri kullanarak tarzı hücreleri, gittikleri görünüyorsa
:
.slick-row {
.slick-cell {// default cell style // }
.10 {//the row number starting at 10 // }
.r1 (//the column number starting at 1 // }
}
Yani şöyle onlara stil edebilirsiniz:
.slick-row .r0 {
//style first items in row
}
.slick-row .10.r0 {
//style first item in first row
}
.slick-row div[class^="r"] {
//style all elements starting with 'r'
}
.slick-row div[class^="r"]:nth-child(3) {
//style every third row element
}
daha birçok yolu vardır, ama varsayılan temanın sağlayamadığı bir stilin ne olduğunu göremiyorum. Eğer süper özel bir stile ihtiyacınız varsa (yani, beşinci sütunun her yedinci satırı, ancak asal sayı değil) numaralandırılmış sınıfları kullanarak hücreleri javascript ile stillendiririm.
https://github.com/mleibman/SlickGrid/wiki/Examples – kapillohakare
+1 Çalışması yararlı olacaktır. Bulduğum tek yol, paketle birlikte gönderilen css dosyalarına bakarak ve işlenen kodu denetlemek için Firebug'u kullanmaktır. – njr101
Ne yazık ki, slickgrid dinamik olarak bir çok sınıfı üretiyor, yani önceden var olan sınıf listesi, muhtemelen sizin istediğinizi elde etmek için yeterli olmayacaktır. – kinakuta