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
cevap
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;
}
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
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. –
".ngTopPanel" sınıfındaki "arkaplan rengi" ni geçersiz kıldım – klode
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;
}
- 1. Bibliyografya stilini değiştirme
- 2. ngGrid Çok Sütun Filtreleme
- 3. Varsayılan DOJO parçacığı stilini değiştirme
- 4. Android Honeycomb - Actionbar stilini değiştirme
- 5. Lateks: Algoritmaların numaralandırma stilini değiştirme
- 6. Mevcut temanın stilini değiştirme (AvalonDock)
- 7. Bir dizenin tüm oluşumlarının stilini değiştirme
- 8. GridView başlık yerleşimini değiştirme
- 9. Harici bir başlık değiştirme
- 10. Angular2'deki sözde öğelerin stilini değiştirme
- 11. Çıkış yazdırma stilini Racket REPL'den değiştirme
- 12. angularjs ng değiştirme
- 13. AngularJS gönderisi için küresel başlık
- 14. Bir Windows Mağaza Uygulamasının başlık metnini değiştirme
- 15. İçeriksel olarak ayırıcı çizgilerinin stilini değiştirme ActionMode çubuğu
- 16. Sunucu bilgilerini gizlemek için http başlık bilgisini değiştirme
- 17. Gezinme Çubuğunu Değiştirme Arabirim Oluşturucusunda Başlık Yazı Tipi
- 18. Mail :: Başlık mesajlarını değiştirme ActionMailer tarafından döndürülen ileti
- 19. MapView'da yakınlaştırma kontrollerini değiştirme
- 20. Kutu ok stilini seçin
- 21. Galeri'deki kenarlık stilini değiştir
- 22. css hover stilini kaldırın
- 23. CSS stilini, div içinde
- 24. Win32 Pencere Stilini Değiştir
- 25. ASP stilini değiştir DropDownlist
- 26. Varsayılan WPF stilini uygula
- 27. stilini nasıl ayarlanır programlı
- 28. WP7 sohbet stilini uygulama
- 29. CSS3 stilini GWT 2.5
- 30. CKeditor - Tablo stilini değiştir
Neden diye soruyorum -1? – klode