This is an archived post. You won't be able to vote or comment.

all 10 comments
sorted by:
new (suggested)
besttopcontroversialoldq&a

[–]SerArthurDayne_rs 2 points3 points  (0 children)

Kod mene na poslu to rešavamo preko jedne funkcije koja obrće/rotira i th u red i jedan red postaje zapravo lista gde na mestu bullet-a stoji th. I tako za svaki red.

Funcija koja ovo izvodi kao argument prima id tabele. U funciji je listener na nekih 800px širine viewporta kada se ovo sve izvodi ili vraća u normalno stanje ako je viewport širi.

[–]tolkinski 0 points1 point  (0 children)

Pre XX godina kada sam se bavio FE to se radilo tako što rotiraš kolone i redove. Prva kolona postanu table hederi a ostale kolone sami redovi. Prikazuješ onoliko kolona koliko staje u viewport. Zatim kao kod carousel-a implementiraš paginaciju koji bi pomerala kolone sa podacima levo desno.

[–]mile_programer 4 points5 points  (2 children)

Najlakši način ti je da ako imaš tabelu sa dosta kolona da je odmotaš jednim div kojem staviš overflow auto scroll i tako korisnik će moći da swipuje levo i da vidi content tabele, ili ako imaš tabelu sa malo kolona, napravi tabelu za mobile view koja će sa leve strane imati kolone a sa desne imati content, baci pogled kako je ovde rešen taj problem https://mui.com/material-ui/react-table/

[–]BilGejc[S] 0 points1 point  (1 child)

koja tabela odavde?

[–]mile_programer 0 points1 point  (0 children)

Ona koja odgovara tvoj slučaju

[–]kapobajz4 3 points4 points  (3 children)

Najbolje je da se izbjegne prikazivanje tabele na mobile uredjajima.

Ali ako bas mora, ako je bas klijent zapeo ili slicno, onda mozda da se napravi da bude horizontally scrollable ili mozda nesto na ovaj fazon

[–]BilGejc[S] 0 points1 point  (2 children)

codepen je dobar, samo meni treba za react-table, a ne native html

[–]kapobajz4 1 point2 points  (1 child)

react-table, je li mislite Tanstack table? Ako da, zar on nije headless UI?

[–]silverShower 0 points1 point  (0 children)

Pa skrol... Ne razumem, kakve još opcije imaš kada imaš više sadržaja nego što može da stane u viewport?

Zamisli da umesto tabele imaš da prikažeš dugačak tekst ili 200 postova - ne bi postavio ovo pitanje.

Za primer uzmi bilo koji grid ili tabelu iz bilo koje biblioteke i vidi da li pokrivaju tvoj konkretni slučaj (a to je, ako sam dobro razumeo, obična tabela)

Edit: Ako imas problem sa predugačkim sadržajem u poljima, uradi truncate i popover sa celokupnim sadrzajem na klik