Responsive Extension with DataTables ColumnFilterWidgets

  • Resolved Mcnater

    (@mcnater)


    9 years, 10 months ago

    I’m having issues with the Responsive Extension where it’s not working 100% correctly. Again, on my website directory (www.minnemamaadventures.com/directory) I am trying to make it responsive on phones. The plugin works for the most part except that the headers are not dropping down and being placed to the left of the data. They stay above the responsive data table so it doesn’t quite look right.

    In addition, the DataTables ColumnFilterWidgets extension works, except that the dropdowns kind of bleed to the right. It would be nice if they were more stacked for a cleaner look.

    Thanks in advance for any ideas/help.

    https://www.ads-software.com/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    this is likely also caused by the “Horizontal Scrolling” checkbox. That feature is not compatible with the Responsive Tables Extension.

    For the dropdowns, you could add this “Custom CSS”:

    @media (max-width: 767px) {
  .column-filter-widget {
    float: none;
  }
}

    Regards,
    Tobias

    Thread Starter Mcnater

    (@mcnater)

    You rock. Works like a charm. Thanks again…have a good one!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Extension with DataTables ColumnFilterWidgets’ is closed to new replies.