Kordaci TablePlus – Dinamik Tablo
Arkadaşlar merhaba html tablolar web tasarımı ya da programlamasıyla uğraşanlar için vazgeçilmezlerden birisidir. Her ne kadar katmanlar bazı alanlar da tabloların yerini alsada veri listeleme konusunda hala en büyük araç tablolar. Bununla birlikte -malesef- tablolar bize çok fazla esneklik tanımıyor. Örneğin listelediğimiz veriler üzerinde sıralama ya da sayfalama yapamıyoruz. Ben böyle bir şeye ihtiyaç duydum ve biraz araştırdım ama bulabildiğim javascript çözümleri ya ücretli ya da yetersizdi. Ben de bunun üzerine kendim bir çözüm üretmeye karar verdim. Tabii şimdilik sadece sıralama ve sayfalama (sorting-paging) yapıyor, ama üzerine daha fazla çalışmayı planlıyorum.Umarım bu çözüm sizlere de yardımcı olur.
Kordaci TablePlus Özellikleri
- Kullanımı oldukça basittir. Tablonuzun class’ına tblkordaci yazmanız yeterlidir.
- Kolonlarda sayılar ve yazılar üzerinde küçükten büyüğe ve büyükten küçüğe sıralama yapmanızı sağlar.
- Verileri kendi belirleyeceğiniz miktarda bölümlere ayırarak sayfalama ile daha düzenli bir listeleme sağlar.
- Sıralama yapmak istemediğiniz kolonlarda kolon başlığının sınıfını nosorting yaparak sıralama özelliğini engellemenizi sağlar.
- İsterseniz sayfalama özelliğini bir parametre değiştirerek iptal edebilirsiniz.
- İster hazır tema kullanabilir, isterseniz de tema özelliğini devre dışı bırakıp kendi stilinizi kullanabilirsiniz.
- Minimum kolon genişliği ya da kolonların yazı hizalama yönlerini belirtebilirsiniz.
- Türkçe karakterlerle de sorunsuz sıralama yapabilirsiniz.
- IE7+,Opera,Firefox,Chrome
Ücreti
Script GPL ve MIT lisansları altındadır. Yani ücretsiz bir şekilde kullanabilirsiniz.
Ancak işinize yararsa ve bir destekte bulunmak isterseniz.
Kullanımı
Kordaci TablePlus’ı kullanabilmeniz için html sayfasında tableplus.kordaci.js dosyasını eklemeniz ve uygulamak istediğiniz tablolarınıza tblkordaci class ismini vermeniz yeterli. Eğer parametreler de değişiklik yapmak isterseniz tablonuzun bulunduğu sayfada aşağıdaki gibi parametrelerinizi belirtmeniz gerekmektedir.
<script>
table_init_params ={
enablePaging:true,
enableTheme:true,
minColumnWidth:”100px”,
textAlign:”right”
}
</script>
Değiştirebileceğiniz Parametreler
enablePaging : Sayfalama özelliğini açar ya da kapatır. Aldığı değerler true,false. Varsayılan true
pagingRecordCount : Sayfalama yapıldığı takdirde sayfada gösterilecek kayıt sayısı. Varsayılan 5
enableTheme : Tema kullanımını belirler. Aldığı değerler true,false. Varsayılan true
themeNo : Tema numarasını belirler. Şu anda bir tema bulunmaktadır. Varsayılan 1
textAlign : Kolonlardaki yazıların hizalamasını belirtir. Varsayılan “left”
minColumnWidth : Minimum kolon genişliğini belirler. Varsayılan “100px”
Not : Tema için (renk ve başlık resimleri) yardımcı olabilecek arkadaşlar lütfen benimle iletişime geçsin.
Not 2: Arkadaşlar her türlü öneri, hata bildirimi ya da sorunuz için lütfen yorum bırakın.
Demo Sayfası : http://www.mehmetkordaci.com/kordacitableplus/example.html
İndirmek İçin : http://www.mehmetkordaci.com/kordacitableplus/tableplus.v.1.11.zip