[Opgelost] Tabel overzichtelijk op mobieltje

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

G P

G P

13/04/2020 16:41:56
Quote Anchor link
Hallo beste PHP'ers en anderen.

Ik heb een tabel met informatie. Op een groot scherm word het goed weer gegeven maar op een mobieltje is het een fiasco.
Mijn vraag is dus om jullie ideeën te horen hoe je deze tabel op een mooi en overzichtelijk weg weten te tonen.

Je kan de tabel bekijken op een testsite: http://users.telenet.be/karaoke-den-artiest/test/songbook.php

En ja ik weet dat de gallerij ook nog niet top is voor een mobieltje maar daar weet ik wel al een oplossing voor :)
Gewijzigd op 14/04/2020 15:04:08 door G P
 
PHP hulp

PHP hulp

27/04/2024 05:09:43
 
Rob Doemaarwat

Rob Doemaarwat

13/04/2020 17:32:02
Quote Anchor link
Zal wel aan mij liggen, maar hier doet de link het niet (time-out). Misschien staat je IPv6 DNS config niet goed? Hij resolved naar 2a02:4780:dead:67da::1 - dat is dan wel toepasselijk die "dead" ;-)
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/04/2020 18:21:56
Quote Anchor link
Je zou kunnen overwegen om af te stappen van een tabel en in plaats daarvan een grid te gebruiken. Of je zou de derde kolom voor een mobiel op hidden kunnen zetten en eventueel een iets kleiner lettertype pakken. Onderscheid maken tussen vensterbreedtes doe je overigens met behulp van mediaqueries.
 
Jan R

Jan R

13/04/2020 18:32:09
Quote Anchor link
Je stelt je tabel in op 100% ook op desktop niet mooi. Veel te breed met 27" scherm.
Stel een vast max-width in. overflow: hidden verbergt dan de tekst welke er niet op past.
Voor mobiel kan een lijn zoals deze helpen
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=10.0, user-scalable=yes">


inleiding herlees eens zelf je tekst!
vb: lijn 1 is dit niet verzorg voor u?
Opzoeken in songbook werkt ook niet.
 
G P

G P

13/04/2020 18:34:56
Quote Anchor link
Ik kan geen kolommen weg laten. Ze moeten alle 3 getoond worden.
Een grid is inderdaad wel een idee, ik zal dit eens uitwerken en bekijken.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/04/2020 18:40:01
 
Rob Doemaarwat

Rob Doemaarwat

13/04/2020 18:50:50
 
G P

G P

14/04/2020 14:02:54
Quote Anchor link
@Rob Doemaarwat: Bedankt !! Dit is wat ik zocht. Netjes :)

@Alle anderen: Ook bedankt om mee naar een oplossing te zoeken.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.