Sapphire - How to be implemented a table that will fit to mobilewith a lot of data information to mobile device ?

UI Components for Angular
Post Reply
gil@idobet.com
Posts: 8
Joined: 12 Jun 2017, 11:24

21 May 2020, 16:18

Hi, Today we have a situation that we have a table with a lot of data and( more than 10 columns).
when the user opens that table with his mobile device the data is overlapping and the user can't read any information

https://imgur.com/a/2TXWdER

can you please help us in order to find a solution to this case?

tjguill
Posts: 4
Joined: 05 May 2020, 14:32

21 May 2020, 17:16

I would look at

https://primefaces.org/primeng/showcase ... responsive

and

https://primefaces.org/primeng/showcase ... /coltoggle

and

https://primefaces.org/primeng/showcase/#/table/dynamic

--------------

The "Responsive" feature allows for hiding columns that are less important when the viewport is too small to view all the columns. You may run into problems if you don't have obvious low priority columns that don't need to be shown.

Alternatively, the "Column Toggle" would allow the user to reduce/add the number of columns they are viewing manually.

Both solutions are assuming you implemented Dynamic columns.

I bet there is some fancy way to combine both "Responsive" and "Toggle" by creating your own "Responsive" function - not CSS based - but rather based on loading a set of columns based on viewport size - then allowing the user to toggle on/off as needed.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest