Column Filter with Responsive Table?

Hi,

thanks for your post, and sorry for the trouble.

I’m not completely sure. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Tobias

Thanks for the reply

You can see the table here, password is demo:
https://www.cetabase.org/captive/cetacean/timeline.php

[table id=1 responsive=collapse row_highlight=”Death” datatables_columnfilter=true /]

The first tab (2016) displays the table with column filter enabled and the table displaying at 100%

—

[table id=2 responsive=collapse row_highlight=”Death” /]

The second tab (2015-2010) displays a normal responsive table – no column filter initiated

Hi,

thanks for the link. We could maybe try setting a smaller width via CSS. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress input.text_filter {
  width: 100%;
  box-sizing: border-box;
}

Regards,
Tobias

Tobias

That worked, thanks so much for the quick response and troubleshooting.

I’ll be rating the plugin and giving you a donation at the end of the month!

Thanks again
Marie

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!
And thanks for wanting to donate, I really appreciate it!

Best wishes,
Tobias