Mobil Uyumlu Table Kullanımı

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    TeRRoR
    TeRRoR's avatar
    Kayıt Tarihi: 06/Nisan/2007
    Erkek

    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.


    herkes programcı olmak zorunda değildir, lütfen bir zorunluluk gibi programlama dilleri öğrenmeye çalışmayın. yabancı dil filan öğrenin amq.// s.kimin etini yerim, kasaba minnet etmem.// ince düşünene kalın girer.//
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    resul
    resul's avatar
    Kayıt Tarihi: 01/Kasım/2007
    Erkek

    Geçen gün https://material-table.com şöyle bir projeye denk geldim, belki işine yarar.


    ---
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    manyaki
    manyaki's avatar
    Kayıt Tarihi: 27/Temmuz/2005
    Erkek

    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.


    since 2005 // tbt
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    SUPERBICO
    SUPERBICO's avatar
    Kayıt Tarihi: 13/Haziran/2008
    Erkek
    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 

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Roark
    Roark's avatar
    Kayıt Tarihi: 12/Ağustos/2011
    Erkek

    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 

  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Roark
    Roark's avatar
    Kayıt Tarihi: 12/Ağustos/2011
    Erkek

    2 kere gitmiş 

    Roark tarafından 17/Eki/19 20:49 tarihinde düzenlenmiştir
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    TeRRoR
    TeRRoR's avatar
    Kayıt Tarihi: 06/Nisan/2007
    Erkek

    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ış.


    herkes programcı olmak zorunda değildir, lütfen bir zorunluluk gibi programlama dilleri öğrenmeye çalışmayın. yabancı dil filan öğrenin amq.// s.kimin etini yerim, kasaba minnet etmem.// ince düşünene kalın girer.//
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    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.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cayan
    Cayan's avatar
    Banlanmış Üye
    Kayıt Tarihi: 11/Aralık/2009
    Erkek

    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.


    https://www.youtube.com/watch?v=jQk82bpUy1Y
Toplam Hit: 1505 Toplam Mesaj: 9
bootstrap no-more-tables