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.