Make wpdatatable view always collapsible

  • Resolved amar8105alva

    (@amar8105alva)


    10 months ago

    Hello there!

    Wonder how to force a wpdatatable view as collapsible even in desktop. For example, set visibility of one column only and show the (+) symbol always in every mode (desktop, mobile and tablet). So far the configuration only let me activate the collapsible effect only in mobile and table, not in desktop (and this is visual requirentent in my project).

    Kind regards

    Alex Marc Alva

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Milos TMS

    (@milosjovanovicwpdt)

    10 months ago

    Hello,
    Here is our workaround which enables you to activate the ‘responsiveness’ behaviour on desktops.
    You can enable Responsiveness in the table and choose which columns will be hidden from the front-end on tablet devices. 

    Then, you can go to wpDataTables settings, and change the tablet’s width to a bigger value (2000 for example). 

    When you do this, the plugin will consider all screens below 2000px as tablets, and hide the selected columns which would be available on click. 

    A “+” sign will appear in the first column, so when you click on it the data hidden will be displayed.

    You can optionally change the ‘action’ on which the rows expand, if you wish it to be on the + icon, or on cell or on row.

    If you encounter any issue setting this up, please don’t hesitate to reach out to us.
    Kind regards,
    Milos

    Thread Starter amar8105alva

    (@amar8105alva)

    10 months ago

    Thanks!

    I taked a different path with CSS+JS to force responsive behavior (but it affected with mobile view) guess that undo all that and test the workaround suggested.

    Plugin Support Milos TMS

    (@milosjovanovicwpdt)

    9 months, 4 weeks ago

    Hello,

    Yes — our built-in responsive features are designed to work well across all screen sizes.
    I would recommend removing the custom CSS/JS solution (you can, of course, keep a backup if you invested time into creating it) and trying our native responsive workaround as suggested above.

    Please let us know if you encounter any issues or unexpected behavior — we’ll be happy to assist!

    Kind regards,
    Milos

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Make wpdatatable view always collapsible’ is closed to new replies.