Jump to content
php.lv forumi
  • 0

Responsīvas tabulas


Question

Meklēju risinājumu tabulu parādīšanai responsīvā lapā iekš mobilo telefonu ekrāniem. Tā ir ļoti svarīga informācija, tāpēc atteikties ne no kā nevar. Atradu šādus risinājumus:

 

http://themergency.com/footable/ (paslēpj info un piedāvā to expandot)

http://api.jquerymobile.com/table-reflow/ (pagriež tabulu uz sāniem, lai ir tikai 2 kolonnas)

http://zurb.com/playground/responsive-tables (horizontāls scrollbars)

 

No izskata, lietojamības viedokļa vislabāk man patīk otrais. Ja ir tabula ar 10 kolonnām, plugins theadu, kas parasti ir augšā, noliek sānā. Rodas daudzas garas tabulas, bet vismaz nekas nav jāskrollē. Tomēr es negribu lietot visu jquery mobile, un arī te ir problēmas - pagrieztajā "tabulā" info nav īsti savā vietā.

 

Varat ieteikt kaut ko?

Edited by qwerty
Link to post
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Manuprāt, 1. izskatās vislabāk un ir visērtākais, vienīgi to + vajadzētu kaut kā atdalīt no visa pārējā satura. Piemēram, runājot par http://fooplugins.com/footable-demos/, kad lapu samazina pietiekami, lai notiktu transformācija, tad + parādās pie vārda. Man liekas, ka tam + vajadzētu būt atsevišķā kolonnā pašā tabulas sākumā vai beigās. Visādi citādi strādā un izskatās ļoti labi.

2. stilam ir problēmas:
88i9i5noyysqrbh1c7dp.png
Samazinot tabulu pietiekami šauru, notiek šitāds nesmukums - teksts lien nepareizajā kolonnā, un indentācija kļūst nekonsistenta. Šeit pie tam ir ļoti īss teksts.
Tāpat tur ir kaut kāds gļuks ar to 2. scrollbar, kurš skrullē tikai pa kādiem 3px.
 
3. piemēram arī ir problēma ar scrollbar:
2j1dm5j3583czfq6sgb7.png

Scrollbara sākums atrodas kaut kur zem "Perk" kolonnas, turpat atrodas arī tā daļa, kura kustās pa scrollbar (nezinu, kā to sauc).

Link to post
Share on other sites
  • 0

3. piemēram arī ir problēma ar scrollbar:

 

Scrollbara sākums atrodas kaut kur zem "Perk" kolonnas, turpat atrodas arī tā daļa, kura kustās pa scrollbar (nezinu, kā to sauc).

 

Yep. Toties bootstrapa scrollbars strādā: http://getbootstrap.com/css/#tables-responsive

Bet vienalga ideja par skrollēšanu man nepatīk. Ideāli būtu kaut kas līdzīgs manam pirmajam variantam, bet bez tevis minētās "teksta līšanas nepareizajā kolonnā"

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...