Okay
  Public Ticket #3685663
mobile view
Open

Comments

  • prime started the conversation

    hi we used your plugin but i see dont support mobile view please how fix this

  •  1,767
    Miloš replied

    Hello,

    I can't see any wpDataTables Table on your Page.

    It seems you made a table via another Table Plugin here, WP Table Builder?

    If you need help with that table, please reach out to WP Table Builder Support, since that is not our Plugin.


    But if you wish to try our Plugin, wpDataTables and explore our Responsive features, I will advise about that :

    1. Our Responsiveness Feature can be used on almost all types of tables. It is just not available for Simple table type. We will first go over that, and later we will comment on Simple tables, too.


    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.



    2. If you use our Simple Table type, it has some basic responsive options.

    There can be a couple of different ways to do this.


    For example, first enable the Responsive behaviour, in the table's "Responsive" settings/Basic Responsive.

    5748885041.png

    Now, if you don't set to take the first row as Header row, in the Display settings,

    it is going to place each row one beneath each other,

    and it will just take the header rows in the same way.

    5193650319.png

    But if you choose to have Headers as their own row,

    then it looks like this

    3144426685.png

    Here is an example for device Samsung Galaxy S20 Ultra

    2502298752.png

    And one image for iPhone

    2617355972.png

    So now as you see, it places them all one row beneath each other,

    but it places the Header cell on the side.

    -

    You can also try with adding a vertical scroll, and you can decide the height of the scroll 

    2911778887.png

    All these responsive features are available in the free/Lite wpDataTables version as well as in our premium versions.


    If you're interested to learn what you would get in the premium version, you can compare the features between all Plans from Lite(free), then Premium versions from the Starter all the way up to the Developer Level, in the Plugin back-end Dashboard, under "Lite vs Premium".

    You can also see this on the pricing Page, but here in the Dashboard, we show more details about each specific feature, etc.

    If you don't have any installation now on your WordPress, you can easily see this on our Demo Sandbox Website.

    4723876837.png


    Let me know if that helps and if you have any questions.


    And i just wanted to point out that you can try wpDataTables before purchasing

     on our sandbox Demo sites ( you can find links for the main plugin Demo,  

    as well as add-on Demos, in my signature),

    and there is a 15-day money-back guarantee period, 

    so if you purchase the plugin, you can safely fully test it out, and if it doesn't fit your needs you can request and receive a refund in that period. ( same goes for all plugins and add-ons)

    Let me know if you have any additional questions. smile.png


    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