Mobil Uyumlu Table Kullanımı
-
Hacılar bir e-ticaret projesi üzerinde çalışıyorum. Profil kısmında bolca tablo var. Mobil uygulama bütçesi ve zamanı olmadığı için webview ile site mobil uygulama içinde gösterilecek. Haliyle tablolarda bu konuda sorun çıkarıyor. Şimdiye kadar bu konuda iki çözüm yolu buldum. Birincisi tabloların genişliklerini sabitleyip yana kaydırma bir opsiyon ancak böyle yapmak istemiyorum. Internette no-more-tables diye bir snippet var.* Bu snippet iş görebilir ancak benim bulamadığım, kaçırdığım, bilmediğim bir yöntem varmıdır acaba bu konuda? Grid yapısının getirdiği fantastik şeyleri tablolarda kullanma şansım varmı acaba?
* https://codepen.io/sergio_pinna/pen/wWPREd
Arayüzde Bootstrap4 ve jQuery kullanılıyor.
-
Geçen gün https://material-table.com şöyle bir projeye denk geldim, belki işine yarar.
-
https://datatables.net/extensions/responsive/
Bunu kullanabilirsin.
İstediğin column'ları saklıyorsun. + ile çıkartıyorsun, aşağı doğru açılıyor.
Tasarımını düzeltirsin bootstrap'den.
-
resul bunu yazdı
Geçen gün https://material-table.com şöyle bir projeye denk geldim, belki işine yarar.
Aynen görkem cetin paylaşmışti ben de ondan gördüm
-
Hocam arayüzde bootstrap kullanıyorsan table bir div içindedir değilse de bir div içine al ve div class ="table-responsive" bu div içerisine de table oluşturup dener misin?
Bootstrap bu class üstünden otomatik olarak tasarım küçüldüğünü de table da bir scrollbar çıkarıyor
-
2 kere gitmiş
Roark tarafından 17/Eki/19 20:49 tarihinde düzenlenmiştir -
table kullanarak tam istediğimiz verimi alamadık. Tabloları div yapısına çevirdik cincik gibi oldu. Mobil uyumlu birşeyler yapacaksanız böyle bir yöntemle başlamakta fayda varmış.
-
Tablonun biraz dışında bir div olup onda scroll çıkarırsan tüm alanları görüntülemiş ve de alan taşmamış olur.
Yada responsive table js gibi bir zımbırtı vardı onu kullanabilirsin.
-
Genel yapıda tablo kullanmak oldukça kullanışsız. Div yapısına geçin keyfinize bakın. Ha olur da atıyorum biri forum sistemidir üyeler tablo kullanır vs. Onda da bootstrapın responsive table özelliğinden yararlanırsınız.
Eski bir teknoloji genel görünümde tablo kullanmak. Herkes vazgeçmiş durumda artık bundan.