Okay
  Public Ticket #3548473
responsive
Closed

Comments

  • David started the conversation

    hello

    how can i make better responsive?

    kr

    david

  •  1,697
    Miloš replied

    Hi David,

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.


    When i visit your page from a mobile device, it seems OK to me.

    I can see you got 2 columns showing and others collapsed, like this

    3125105175.jpg

    And if i click in the expander icon, it expands the row to show more columns on that record.


    6061570363.jpg

    Could you elaborate a bit more about what is your desired goal and we can advise?


    I will also share a basic example with you, i hope that might help.

    For mobile screens, a typical layout with our built-in responsive setup can be, for example, like on this screenshot, two columns showing fully, ( you can choose one or more to be "visible") and the rest of the columns, "hidden", 

    then there is an " + " button, to open a certain row, and show all the details, of course.

    6994569191.png

    For example, if i got this table

    3722903196.png

    And if i only select columns Client and City, to show on mobile screen, go to Column List:

    4610164724.png

    The little mobile image is used to display on mobile screens, and the one to the left of it is for tablets;

    This is the result:

    5367177478.png

    Please check out this Documentation section with a step-by-step example of how to achieve this, and let me know what you think.

    https://wpdatatables.com/documentation/table-features/responsiveness/

    -

    So, i will advise to check if you selected the two columns that you need to be both visible on mobile;

    see them on column list;  and set them visible on mobile, while keeping the other column grayed out.


    Let me know if that achieves your goal, or if you need something else please show us more details.

    You could add screenshots or a video.

    Just if it shows any confidential data, please mark the reply as Private for safety.

    Thanks.



    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables