6
ng-ızgarasının başlığını nasıl dinleyebilirim? Özellikle, başlık satırının arka plan rengini ve metin rengini nasıl değiştirebilirim?angularjs ng-grid: başlık stilini değiştirme
A
cevap
5
Başlık sütunlarında kullanmak istediğiniz arka plan rengini kullanmak için ng-grid.css numaralı belgede bildirilen .ngHeaderCell sınıfındaki background-color özelliğini geçersiz kılabilirsiniz. Özgün ng-grid css değiştirmek istemiyorsanız
, kendi css oluşturmak ve daha sonra aynı .ngHeaderCell sınıf overide hangi ng-ızgaranın css sonra yükleyebilirsiniz:
.ngHeaderCell {
background-color: [your background color] !important;
bottom: 0;
color: [your foreground color] !important;
position: absolute;
top: 0;
}
+0
Teşekkürler! Benim kötü, hangi css sınıfının değiştirileceğini anlayamadım. Ve ben headerCellTemplate ile oynamaya çalışıyordum. Bu mükemmel çalıştı. – klode
+1
Rica ederim. Firebug ve eşdeğerleri bu durumlarda her zaman kullanışlı olur. Kontrol etmek istediğiniz bir elemanı inceleyebilir ve Firebug'un hangi CSS kurallarının bu öğeye uygulandığını ve bu kuralların nereden geldiğini size gösterdiği bir panel vardır. –
+0
".ngTopPanel" sınıfındaki "arkaplan rengi" ni geçersiz kıldım – klode
2
Daha önce ng-ızgaraya bakmadım, ancak bir css dosyası şekillendirme için sunulmuş gibi görünüyor mu? Gerçek css dosyasını değiştirmenizi veya bu değişiklikleri, grid.css'nin bildirildiği yerde kendi beyannamesini ilan ederek yazmanızı tavsiye ederim. Bahsettiğin şey buysa bağlantıyı kontrol et. Örneğin
https://github.com/angular-ui/ng-grid/blob/master/ng-grid.css
, css biri yukarıdaki dosyada niteliklerini sadece ctrl-f yapmak ve değiştirmek isteyen özelliklerini bulmak, oldukça altındadır.
.ngHeaderCell {
position: absolute;
top: 0;
bottom: 0;
background-color: inherit;
}
Neden diye soruyorum -1? – klode