Title: Column Filter with Responsive Table?
Last modified: September 1, 2016

---

# Column Filter with Responsive Table?

 *  Resolved [mariesmc](https://wordpress.org/support/users/mariesmc/)
 * (@mariesmc)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/)
 * Hello
 * Is the Column Filter (search) compatible with a responsive table?
 * When I add column search to a responsive table (collapse option), the table goes
   to 100% width and loses the collapse.
 * Thanks
    Marie
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647099)
 * 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
 *  Thread Starter [mariesmc](https://wordpress.org/support/users/mariesmc/)
 * (@mariesmc)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647115)
 * Tobias
 * Thanks for the reply
 * You can see the table here, password is demo:
    [http://www.cetabase.org/captive/cetacean/timeline.php](http://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
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647127)
 * 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
 *  Thread Starter [mariesmc](https://wordpress.org/support/users/mariesmc/)
 * (@mariesmc)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647163)
 * 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
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647164)
 * 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

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

The topic ‘Column Filter with Responsive Table?’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/column-filter-with-responsive-table/#post-7647164)
 * Status: resolved