• Anasayfa
  • .
  • Blog
  • .
  • Bootstrap Datatable Aşağı / Yukarı Ok Hatası , ↠Şeklinde Görünme Problemi

Bootstrap Datatable Aşağı / Yukarı Ok Hatası , ↠Şeklinde Görünme Problemi

Bootstrap Datatable Aşağı / Yukarı Ok Hatası , ↠Şeklinde Görünme Problemi

Çoğumuz projelerimizde Bootstrap Datatable kullanıyoruz. Aşağı yukarı ok simgelerinin bozuk olduğu bir durumla da eminim ki çocuğumuz karşılaşmışızdır.Sıralama okları (↠gibi) görünmektedir.Tarayıcıda CTRL+F5 yaptığımızda düzeldiğini gördüğümüz halde normal F5 ile yenilediğimizde tekrar bozuk yüklendiğini görürüz. Her ne kadar charset problemi olsa da kesin çözüm için aşağıdaki yolu izleyebilirsiniz.

  • Datatables.min.css veya datatables.css dosyasını kütüphanemizden bulalım. (Hangisini projeye dahil ettiysek onun üzerinde düzenleme yapacağız.)
  • Aşağı yönde ok için .dt-ordering-desc span.dt-column-order:after{ bölümünü aratalım ve stil tanımlamasında content alanına aşağıdaki gibi düzenleme yapalım.
content:' \25BC';
  • Yukarı yönde ok için .dt-ordering-asc span.dt-column-order:before{ bölümünü aratalım ve stil tanımlamasına content alanına aşağıdaki gibi düzenleme yapalım
content:' \25B2';

Artık oklarımız doğru şekilde görünecek ve karakter problemi kalkmış olacaktır.

Türkçe English Deutsch Dansk Español Română