Ana içeriğe geç

Droptables : Stil Tablosu

1. Tabloda biçimlendir

Araç çubuğunda, yazı tipi, yazı tipi boyutu, metin stili, hücre için arka plan rengi, metin rengi, hücre yatay ve dikey hizalaması gibi hücre stilini ayarlayabilirsiniz... Tek bir hücreye veya çoklu hücrelere uygulanabilir.

 

Tablo format

 

Satır yüksekliği ve sütun genişliği piksel cinsinden tanımlanabilir. Lütfen Menü Formatı > Sütun/satır boyutunu uygula , ardından Sütunu yeniden boyutlandır / Satırı . Açılır pencerede, aralık seçebilir ve sütunlar veya satırlar için px ayarlayabilirsiniz. Bitti düğmesine tıklayın

 

satır-sütun boyutlu

 

 

2. Tema ve sıralama seçenekleri

Her tabloda, Menü Teması'nda Tema seçimi seçeneğini bulabilirsiniz . Uygulamak için bir temayı tıklamanız yeterlidir.

 

tema seçimi

 

Tablonuzda zaten veri varsa ve bir tema uygularsanız, tüm veriler kaldırılır. Yeni bir tabloya tema uygularsanız, örnek veriler ve stil eklenir ve düzenlenebilir.

Aynı Menü Teması > Alternatif renkler Üstbilgi stili ve Altbilgi stili seçenekleriyle tablonuzdaki çizgiyi renklendirmenize yardımcı olur Şablon stillerini seçebilir veya eklenti ayarlarından kendinizinkini yapabilirsiniz.

 

alternatif renk

 

Sıralanabilir parametre, ön uçta AJAX veri sıralaması yapmanızı sağlar. Menü Formatı > Sırala'da görebilirsiniz .

 

sıralanabilir-ve-filtre tablo

 

Tablo hizalaması, tüm tabloyu içeren div'i hizalamakla ilgilidir, örneğin tüm tabloyu ortalayın. Menü Formatı > Tablo hizalama bölümünde bulabilirsiniz .

 

Tablo hizalama

 

Bir hücre vurgusu da bir seçenek olarak mevcuttur. Konfigürasyonda Çizgi, Sütun veya Her İki seçeneğini etkinleştirebilirsiniz . Varsayılan olarak devre dışıdır. Vurgulamanın rengini ve opaklığını ayarlayabilirsiniz.

 

Tablo vurgulama

 

3. Hücrelere ipucu ekleyin

Hücre faresi üzerine gelindiğinde bir araç ipucu da mevcuttur (bileşen seçeneklerinden etkinleştirilmesi gerekir). Bir tablodaki her hücrede, sağ tıkladığınızda Araç İpucu seçeneğini görebilirsiniz .

 

Tablo hücreli ipucu

 

Araç ipucu genişliğini piksel cinsinden ayarlayabilirsiniz. Düzenlemek için bir düzenleyiciyle sizi bir araç ipucuna getirecektir.

 

ipucu-düzenleyici

 

İçerik ekleyin ve kaydedin, işiniz bittiğinde araç ipucu, fareyle üzerine gelindiğinde herkese açık tarafta görüntülenir.

 

ipucu-vurgulu

 

4. ACL ve Ön Uç yönetimi

Tablolarınızı Joomla ön ucundan yönetmek mümkündür. Joomla menü yöneticisinden, Yeni Menü öğesi ekleyin ve Tabloları Yönet tipini seçin ve Şablon olarak Droptables ön Droptables - Varsayılan'ı seçin .

 

menü- droptables

 

İşte Droptables Manager'ı ön Droptables görebileceğiniz Droptables .

 

Droptables -ön uç

 

Not: Tablo yöneticisi arayüzünü ön Droptables tam ekran olarak görüntülemek için Şablon Stili> Droptables ön Droptables .

 

Tablo düzenleme eylemlerini kontrol etmek için Joomla Kullanıcı Grubu ACL'sini kullanabilirsiniz. İlk olarak, tabloları kimlerin görebileceğini ayarlamak için, Droptables Kullanıcı Rolleri sekmesine .

 

önyüzü masa-edition

 

Tablosu > Tablo erişimi'nden bir tablonun sahibini belirleyebilirsiniz

 

Kullanıcı-grubu-ACL

 

5. Satır ve sütun dondurma

Sütun dondurma

Sütun dondurma, Menü Formatı > Duyarlı seçeneklerde . En fazla 5 sütunu dondurabilirsiniz. İlk sütundan sayılır.

 

donma sütunu

 

Sütun/satır dondurma yapmak için tablonun yüksekliğini düzeltmenize izin veren ek bir seçenek vardır (çünkü masa kabınız sonsuz bir yüksekliğe sahip olabilir).

 

masa yüksekliği

 

Dondurulacak sütunu seçtiğinizde, tablonuzda kaydırma yapabilir ve her zaman sabit sütunu görüntüleyebilirsiniz.

 

düzeltme satırı gösterme

 

Sıra donma

Menü Formatı > Tablo başlığında bulabilirsiniz , buradan seçeneği açabilir ve satırları donacak şekilde ayarlayabilirsiniz (5 satıra kadar).

 

satır-dondurma-tablo-başlığı

 

Masa yüksekliğini ayarlamak istiyorsanız, lütfen Duyarlı seçeneklere geri dönün .

Ardından, ilk sıra, ayarın ardından ön uçta dondurulacaktır.

 

sıralı dondurma

 

6. Sütun verilerini filtreleme

Formatı > Filtreler'de bir filtreleme seçeneği mevcuttur . Genel veri filtreleme alanlarını etkinleştirmek için tıklayarak etkinleştirebilirsiniz.

 

sıralama filtresi

 

Filtre örneği:

 

veri filtresi

 

7. Hücre dolgusu ve sınır yarıçapı

Hücredeki dolguyu ve kenarlık yarıçapını ayarlamaya yardımcı olan kenarlık simgesini araç çubuğunda bulabilirsiniz.

 

padding-ötesi

 

 

8. Özel CSS

Bir adım öteye gidelim. Menü Formatı > Özel CSS'de CSS ekleyebilirsiniz .

 

özel css

 

Hücreler, satırlar, sütunlar, her birini tanımlamak ve ona özel CSS uygulamak için koordinatlara sahiptir. R satır, C sütundur. İşte 1. satır (r1), 4. sütun (c4) = dtr1 dtc4

 

CSS koordinatlar

 

CSS kodu, kod aynası kullanılarak renklendirilir. CSS kodu daha az kod olabilir, o da işe yarıyor!

 

css-özel masa

 

9. Duyarlı Joomla Tabloları

Tablolarım yanıt veriyor mu veya kaydırmayı küçük cihazlarda mı kullanıyorsunuz?

Sütunları Gizleme

Droptables duyarlı tasarımı bir seçenek olarak bir öncelik aracıyla ele alır. Varsayılan olarak, yanıt verme özelliği devre dışıdır, bir taşma olacaktır (yine de mobilde harika çalışıyor). Sütunları Gizleme kullanmak için Menü Biçimi > Duyarlı seçeneklere gitmelisiniz

 

duyarlı-gizleme-col

 

Duyarlı mod gelişmiştir, mobil boyutlarda sütunları gizlemek için bir öncelik tanımlayabilirsiniz.
Sütunlar gizlendiğinde, sütunların görüntülenmesini/gizlenmesini zorlamak için onay kutulu bir mobil menü görüntülenecektir. Sütun boyutu, tablo düzenlemesi sırasında sabitlenir. Tüm sütunların boyutu kapsayıcı için çok büyükse taşma yaşarsınız ve mobil cihazlarda kolayca kaydırma yapabilirsiniz.

Kaydırmalı tablo (az miktarda sütun için daha iyi)

 

duyarlı masa-kaydırma

 

Sütunu gizli olan tablo (çok sayıda sütun için daha iyi)

 

duyarlı masa-cololumn gizleme

 

Tekrarlanan başlık

Sitenizde küçük bir alana tablo eklemek istiyorsanız bu başka bir seçenektir. Menü Biçimi > Duyarlı seçenekler'e gitmelisiniz . Ardından Duyarlı Tip > Tekrarlanan başlık'ı seçin.

 

tekrarlanan başlık

 

Talebinize göre özelleştirme seçenekleri olacaktır:

  • Duyarlı kesme noktası (piksel): Tablonun bu duyarlı moda ne zaman geçeceğini tanımlamak için pikselde bir kesme noktası değeri seçin
  • Duyarlı maksimum yükseklik (px): Duyarlı mod etkinleştirildiğinde, kesme noktası değerine bağlı olarak, çok uzun bir tablodan kaçınmak için bir maksimum yükseklik tanımlayın
  • Duyarlı mod stili: Bu duyarlı mod için varsayılan bir stil uygulayın veya tablo renklerini kullanın

Bundan sonra, masanın ön uçta nasıl görüneceğini görebilirsiniz.

 

tekrarlanan üstbilgi ön ucu

 

10. Tabloyu indirin

Tablonuzu herkesle paylaşmak için Menü Tablosuna Excel'i Dışa Aktar düğmesi işaretleyin . Ön uçtan indirirken dosya türü *.xlsx olacaktır.

 

ihracat-excel

 

11. Sayfalandırma

Bu özelliği, her tablo baskısında Menü Formatı > Sayfalandırma'da Bir sayfada görüntülenecek satır sayısını etkinleştirmek ve seçmek için geçiş düğmesini kullanın.

 

sayfalandırma seçeneği

 

12. Tek hücreler için biçim 

Biçimi ayarlayabilirsiniz: Tarih saat, Para Birimleri, Droptables . İlk önce, bir/çok hücre(ler) seçmelisiniz. Ardından Menü Formatı > Tarih saat'e gidin.

 

tarih-saat-hücreleri

 

Bundan sonra Para Birimleri ve Sayı aynı şekilde yapılabilir.

 

13. Ön uçtaki tabloyu yazdırın

Bazen tablonuzu yazdırmanız gerekir. , ön uçta Yazdır düğmesini göstermek için Menü Tablosuna Yazdır düğmesi seçeneğini işaretlemelisiniz

 

yazdır düğmesi