Title: [Plugin: WP-Table Reloaded] WP-Tables Search Function
Last modified: August 20, 2016

---

# [Plugin: WP-Table Reloaded] WP-Tables Search Function

 *  Resolved [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/)
 * Hey Tobias,
 * First I love your plugin, Saved me hours with a client, Sent a nice donation 
   over your way.
 * I have a odd question for you regarding the search functionality of the DataTables
   Initilization function, I went to the datatables site and grab the INT code for
   the search function and put in in the HIFI/LOFI plugin for that specific page
   but the code is not activating on the table.
 * Am I going about this the wrong way. How should I be adding that code to the 
   site?
 * This is the funciton I wanted to add
 * [http://datatables.net/release-datatables/examples/api/multi_filter_select.html](http://datatables.net/release-datatables/examples/api/multi_filter_select.html)
 * Would it be possible to achive this in by creating a page template? Or is their
   a java file i need to add this too.
 * Any help you can give would be appreciated.
 * Ted
 * [http://wordpress.org/extend/plugins/wp-table-reloaded/](http://wordpress.org/extend/plugins/wp-table-reloaded/)

Viewing 15 replies - 1 through 15 (of 24 total)

1 [2](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/page/2/?output_format=md)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304313)
 * Hi Ted,
 * thanks for your question and the donation! I really appreciate it!
 * Unfortunately, I haven’t yet worked with this multi filter feature of DataTables,
   so I don’t really know what is wrong.
 * But if you post the URL to the page with your table, I’ll gladly take a look 
   to see if I can spot something that is wrong.
 * A page template is probably not necessary, as the HIFI plugin can basically do
   the same, as far as I see it.
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304434)
 * I put it in the footer of the HIFI plugin
 * [http://www.bridge.trwebstudio.com/job-search/](http://www.bridge.trwebstudio.com/job-search/)
 * Take a look and see if you can spot anything I am missing.
 * I appreciate.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304449)
 * Hi,
 * thanks for the link.
 * This might already be enough to fix this: You have not placed the JavaScript 
   code in `<script>` tags. Please put
 *     ```
       <script type='text/javascript'>
       ```
   
 * at the beginning of the code, and
 *     ```
       </script>
       ```
   
 * at the end.
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304457)
 * Tobias,
 * Thank you, I tried putting that in and still didn’t make a change, I’m a little
   rusty on my coding chops but I feel like I’m missing something extremly easy.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304473)
 * Hi,
 * thanks for that.
 * A few more things:
    Now suddenly, the code is then head and not the footer anymore.
   Please change that back to the footer.
 * Also, you will need to enable the “Table Footer” checkbox on the “Edit” screen,
   because that’s where the input fields will be added to. As you currently don’t
   have a footer row, please also add a new empty row at the end of the table.
 * And finally (after inspecting the code closer), there are some changes to the
   code that need to be done. That is actually easier when you disable DataTables
   for your table. So please uncheck the “Use JavaScript library” checkbox as well.
 * Then, right at the beginning, before the line
 *     ```
       <script type='text/javascript'>
       ```
   
 * add this to manually load DataTables:
 *     ```
       <script type='text/javascript' src='http://www.bridge.trwebstudio.com/wp-content/plugins/wp-table-reloaded/js/jquery.datatables.min.js?ver=1.9.1'></script>
       ```
   
 * Then change the last section of the code to
 *     ```
       $(document).ready(function() {
           /* Initialise the DataTable */
           var oTable = $("#wp-table-reloaded-id-3-no-1").dataTable({"oLanguage":{"sUrl": "http://www.bridge.trwebstudio.com/wp-content/plugins/wp-table-reloaded/languages/datatables/lang-en_US.txt", "sSearch": "Search all columns:" }, "aaSorting": [], "bSortClasses": false, "asStripClasses":['even','odd'] });
   
           /* Add a select menu for each TH element in the table footer */
           $("tfoot th").each( function ( i ) {
               this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
               $('select', this).change( function () {
                   oTable.fnFilter( $(this).val(), i );
               } );
           } );
       } );
       ```
   
 * as we need to modify the call to DataTables with our table information.
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304480)
 * Still no dice.
 * I can create you a ID if you’d like.
 * [http://www.bridge.trwebstudio.com/job-search/](http://www.bridge.trwebstudio.com/job-search/)
 * Ted
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304485)
 * Hi Ted,
 * I think we are almost there 🙂
 * Just one thing (hopefully): The line
 *     ```
       <script type='text/javascript' src='http://www.bridge.trwebstudio.com/wp-content/plugins/wp-table-reloaded/js/jquery.datatables.min.js?ver=1.9.1'></script>
       ```
   
 * must go BEFORE the line
 *     ```
       <script type='text/javascript'>
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304540)
 * Still no dice. I’m not sure if this may just not work to well with WP-Tables,
   the client really wants a more in depth way of sorting the table.
 * Say wants to search Colum 4 and Colum 1.
 * Once this client closes I will send you another donation, You are going above
   what any developer has done.
 * Please tell me if you would like me to send you a ID and PW
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304541)
 * Hi Ted,
 * now you suddenly unchecked the “Table Head” checkbox?! Why that? 🙂
    Please re-
   enable that checkbox. Everything else looks fine, and I’m confident that it will
   work after that change by you. If it still does not then, I’ll take a direct 
   look with a username/password.
 * And thanks for wanting to send a donation, I really appreciate it!
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304542)
 * Just enabled it and no dice. 🙁
 * Sent you a email..
 * Ted
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304549)
 * Hi Ted,
 * thanks for the account details.
    I was able to log in and after some testing 
   found two minor changes that were necessary in the code to make the script work
   🙂 The filtering works really nice!
 * Now, there’s one task for you left, regarding the content of the table:
    As you
   can see, not all of the content is shown, because some of the drop down lists
   at the bottom are pretty wide. They are as wide as the longest text in their 
   column. For example, in the “Specialty” column, the longest text is “Critical
   Care or Cath Lab Recovery RN for CV Observation Unit”, and that’s why the drop
   down is as long as that. To make everything visible, you will now go through 
   your table and shorten the longest texts, so that the drop down lists shrink,
   so that more columns can be displayed. You could try to either rephrase those
   long texts, or maybe try adding a line break (just press Enter in the cell in
   the middle of the text).
 * Regards,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304550)
 * Thanks you so much, I should be getting my check from the client in the next 
   week or so and hope to be able to send you a sizable donation for your time within
   the next week or so. I really appreciate it. This is more then awseome.
 * Was their any frontend or plugin settings that needed to be changed?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304552)
 * Hi Ted,
 * nice to hear that you like it! 🙂
 * No, no settings had to be changed. I just had to made changes in the JavaScript
   code (the one in the footer, with the HiFi plugin), that are necessary to adjust
   the code to certain circumstances when using the code with WordPress.
 * Best wishes,
    Tobias
 *  Thread Starter [Ted Rubin](https://wordpress.org/support/users/babblebase/)
 * (@babblebase)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304561)
 * Thanks so much, I just ported it over to the public site
 * [http://bridgestaffing.com/?page_id=4609](http://bridgestaffing.com/?page_id=4609)
   and it works just I can’t limit the amount of items listed. I think it’s cause
   they have a lower version of PHP they have 5.2.0 not 5.2.04
 * but we shall see.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/#post-2304562)
 * Hi Ted,
 * nope, that happens, because of a conflict in the URLs that you use.
    WordPress
   is configured to be at [http://www.bridgestaffing.com](http://www.bridgestaffing.com),
   while you called it without the www. prefix. This unfortunately causes a JavaScript
   problem (see [http://wordpress.org/support/topic/plugin-wp-table-reloaded-alternate-row-highlighting-not-working?replies=7](http://wordpress.org/support/topic/plugin-wp-table-reloaded-alternate-row-highlighting-not-working?replies=7)
   for technical details). If you go to [http://www.bridgestaffing.com/?page_id=4609](http://www.bridgestaffing.com/?page_id=4609)(
   with www. prefix), you will see that everything works as expected.
 * So, you will have to decide: Either use www. all the time, or never. Then WordPress
   needs to be configured accordingly (with the “Site URL” and “WordPress URL” parameters
   in the options). And then you will need to adjust the URL in the code (in the
   Hifi textfield) accordingly.
 * And one more thing (which however is totally unrelated): You have copied the “
   Custom CSS” code into the Hifi textfield as well. That is the wrong location 
   and the code won’t work there. Please paste the code into the “Custom CSS” textarea
   on the “Plugin Options” screen of WP-Table Reloaded instead.
 * Regards,
    Tobias

Viewing 15 replies - 1 through 15 (of 24 total)

1 [2](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/page/2/?output_format=md)

The topic ‘[Plugin: WP-Table Reloaded] WP-Tables Search Function’ is closed to new
replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-table-reloaded_f7dcd3.svg)
 * [WP-Table Reloaded](https://wordpress.org/plugins/wp-table-reloaded/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-table-reloaded/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-table-reloaded/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-table-reloaded/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-table-reloaded/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-table-reloaded/reviews/)

 * 24 replies
 * 6 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-wp-tables-search-function/page/2/#post-2304663)
 * Status: resolved