Mi piacerebbe mettere a punto l'aspetto di una pagina web che usa slickgrid. Quindi stavo cercando un elenco di classi CSS disponibili per slickgrid per farlo, ma non è stato in grado di trovarne uno.Esiste un elenco di classi CSS per slickgrid?
Esiste un elenco di questo tipo e qualcuno può indicarlo oppure l'approccio canonico per il mio compito è diverso?
Slickgrid genera le classi per identificare le righe e colonne, ma di guardare in uscita non ci sono stili legati a queste classi:
Si dovrebbe essere in grado di righe stile e colonne più dispari, probabilità , celle attive utilizzando le classi fornite nello default theme.
Se si vuole andare più a fondo e le cellule di stile utilizzando gli stili generati, sembrano andare:
.slick-row {
.slick-cell {// default cell style // }
.10 {//the row number starting at 10 // }
.r1 (//the column number starting at 1 // }
}
in modo da poter loro stile in questo modo:
.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
}
Ci sono molti altri modi, ma non riesco a vedere che tipo di stile hai bisogno che il tema predefinito non fornisce. Se hai bisogno di uno stile super specifico (ad esempio ogni settima riga della quinta colonna, ma non i numeri primi) creo le celle con JavaScript utilizzando le classi numerate.
Prova questa speranza funziona https://github.com/mleibman/SlickGrid/wiki/Esempi – kapillohakare
+1 Questo sarebbe utile. L'unico modo che ho trovato è guardando i file css forniti con il pacchetto e usando Firebug per ispezionare il codice reso. – njr101
Sfortunatamente slickgrid sta generando molte classi in modo dinamico, il che significa che l'elenco preesistente di classi sarà probabilmente insufficiente per ottenere ciò che si desidera. – kinakuta