Responsīvas tabulas

[qwerty]

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 July 13, 2014 by qwerty

[reiniger]

Tev jau nav jālieto viss jQuery mobile vari jau tikai konkrēti to ko tev vajag lejuplādēt.

 

Atzīmē ko tev vajag un būs konkrēts JS.

 

http://jquerymobile.com/download-builder/

[jurchiks]

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:

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:

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

[qwerty]

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ā"

[jurchiks]

bet bez tevis minētās "teksta līšanas nepareizajā kolonnā"

Bet tā teksta līšana nepareizajā kolonnā ir 2. variantā. 1. viss ir kārtībā. Edited July 13, 2014 by jurchiks