Table filter does not shows on a live page

Hi,

thanks for your post, and sorry for the trouble.

To clarify, what is missing is the “Search” text field that the site visitor can use to filter/search in the table?

This is caused by the shown table only having one row (“Illinois”) – and a table with just one row will not have a header row, but only one body row. So, essentially, it is required that a table has a least two rows for the search field to be shown.

Regards,
Tobias

Hi Tobias,

Thank you for getting back to me. Yes, we are missing the Search/Filter text field. It does not show up on the live page as I mentioned.

Also, actually the table does contain more than one row, but when I apply the filter shortcode (filter=”filter-word”), the table get stripped from the additional rows and only the header row shows up. You can see I used the same table on the below page, with no filter shortcode.

https://staging-tla.upcity.com/experts/table-test-no-filter/

I have also loaded a screenshot of how the table is set up through TablePress and you can see more than just the header row. See screenshot here.
https://images.upcity.com/wp-content/uploads/2022/08/16114201/table-setup-1.png

Let me know if you are able to identify what might be causing this bug.
Thanks again!

Hi,

just to be sure, please check if you are using straight " quotation marks around the filter word in the Shortcode (instead of curly ” ones) — or even remove the quotation marks altogether. Otherwise, these would be used as part of the filter term, so that no match would be found.

Regards,
Tobias

Hi Tobias,

I did double check and I am using straight quotation marks, I also just tested without the marks

[table id=4 automatic_url_conversion=true automatic_url_conversion_new_window=true filter=filter-word /]

And still getting the same thing on the front end / live preview.

The other thing I have tested is simply not using the filter shortcode (filter=filter-word ) and just using this – [table id=4 /].
And noticed that the filter input appears fine but only in preview, and then disappears in live mode. Looks like the entire <input type=”search” > is missing entirely from our front end/live page, once I publish the table.

See screenshot references:

Preview Mode
https://images.upcity.com/wp-content/uploads/2022/08/17130440/preview-mode.png

Live Page
https://images.upcity.com/wp-content/uploads/2022/08/17130434/live-mode.png

Agnes

Hi,

ok, it looks like there’s a JavaScript error raised on the page, due to the jQuery JS library not being loaded. The reason for this is that the optimization via the Autoptimize plugin is too aggressive. You would have to configure it to exclude the jQuery JS library. You might also want to try turning off the “jQuery Updater” plugin as that should no longer be needed on WordPress sites (or rather, it should only be used on development sites to discover potential code deprecation errors).
In addition, you might have to exclude TablePress’ JS file /wp-content/plugins/tablepress/js/datatables.jquery.min.js

Regards,
Tobias

Hi Tobias,

Thanks for your help with everything. I was wondering if you had any control over removing/editing the above forum thread I’ve started. I was hoping to remove the credential information to our site.

Please let me know.

Thank you,
Agnes

Hi Agnes,

I don’t have that control, I’m afraid, as I’m not a moderator on these forums (plugin authors are also “just” regular users).

Normally, moderators don’t remove/edit information from threads, but I will notify them to take a look at this case. As you posted credentials there, they might be able to do something here.
Regardless, it’s probably a good idea to change that password.

Best wishes,
Tobias

@agnesgodz I have removed the username and password.

These are public forums, seen by all, indexed and cached by search engines like Google, so please change that password immediately!

Thank you sooo much for this quick reply and your help. Much appreciated!

Hi,

great! Good to see that this could be resolved!

Best wishes,
Tobias

@agnesgodz and @tobiasbg I am having the exact same problem with the search field, and the ‘Showing the # of entries’ at the bottom of the spreadsheet. In addition, the bigger problem, I know it must be related, is the ‘Enable horizontal scrolling to make viewing tables with many columns easier’ is not working on the page with the issues. The TablePress settings are identical. I also have Autoptimize activated, and have excluded the items you suggested, to no avail. I’ve even turned Autoptimize completely off, but the issues persists. I’d really appreciate hearing your thoughts. Good page. Page with issues

Hi,

while it’s the same symptoms, the cause is different (which is the reason why it’s usually recommended to open a new thread here in the forums, if you don’t mind ?? ).

The problem is invalid/broken HTML code in row 13 of your table. In column 6, in the HTML code the link, you added

target="_blank”

Note how the last quotation mark is slightly different to the first one (curly vs. straight). This is breaking the link HTML code, so that the table structure is also off — and as a result the JavaScript code can’t run properly.
To fix this, just replace that ” after _blank with a proper ".

Regards,
Tobias

Hi Tobias, Thank you, very, very much. I really appreciate your time. Have a wonderful evening!
-Patrick

Hi,

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

Best wishes,
Tobias
?
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Done. Thank you again!!