Jonas Hjalmarsson

Two different shortcodes; <code>[csvsearch]</code> enables search in csv-file uploaded to the Media-library. Enter the URL in the shortcode to add a searchbox that will find matches in that file with a jquery-ajax-call and presents each row with the format specified. <code>[filtersearch]</code> enabled a filter search box to a page that filter contents instant with jquery. You can set the element to filter within and other settings through the shortcode attributes.
<h4>[csvsearch]</h4>
Add csv file search functionallity to any post or widget with the shortcode 
 [csvsearch src=”https://path_to/content/file.csv”]
With this shortcode a search button will be generated and will by instant-ajax-search search through the csv-file in the src attribute and return the rows found matching the search input.
<a href="https://jonashjalmarsson.se/csv-and-html-search-filter-for-wordpress/" rel="nofollow ugc">Check blog post at jonashjalmarsson.se for live samples.</a>
Settings:
There are some settings to control the search and output.
<ul>
<li>
src Enter the path to the file to search, the file is uploaded through the Media archive as with any other file. Find the URL and enter it in this attribute.
</li>
<li>
format How each line in the output will be formatted. 
Use {b} to render etc. All { and } will be replaced with < and >. 
Use {0}, {1} etc. to place the columns where you want in the output line. 
Default is: <code>{b}{0}{/b}, {1}, {2}{br/}</code> 
column1 (in bold), column2, column3 end with line-break.
</li>
<li>
searchtext Text that will be shown in search button. Default is in swedish: ‘Sök’.
</li>
<li>
charset Default charset is ‘iso-8859-1’. Can be set to any charset available through this attribute.
</li>
<li>
instantsearch Should instant search be enabled. I.e. dropdown results when entering text. Default is ‘false’.
</li>
<li>
instantformat Format for instant search. Default is ‘{0}’.
</li>
<li>
dataidformat Which column contains ID. Is used when click on dropdown. Default is ‘{0}’.
</li>
<li>
csv_separator Set column delimiter to use. , or ; is normally used depending on csv type. Default is ‘;’
</li>
<li>
nothing_found_message Set your own message when there are no hits in search. Default is ‘Nothing found when searching for: ‘
</li>
<li>
exact_match Set to true to only match exact matches, case sensitive. Default is ‘false’
</li>
<li>
placeholder_text Set a text to be seen as placeholder for the search. Will be replaced when a search is made. Default is none.
</li>
<li>
only_search_in_column Only search in one specific column. Enter 0 if you only want to search in first column. Remove this argument or add -1 to search in all columns. Default is -1
</li>
<li>
show_header_row Show first row as a header row by setting to true. Default is ‘false’
</li>
<li>
headerformat Combine with show_header_row to set format for header row. See format above to see more info.
</li>
<li>
ignore_default_header_style Set to true to ignore default style for header row. Default is ‘false’.
</li>
<li>
skip_file_check Skip the file check. Use when file check not working properly, for exampel when WP installed in sub directory.
</li>
<li>
set_focus_on_load Set to true to focus input element on page load, set false if not to focus. Default is ‘false’.
</li>
</ul>
Screenshot 1 shortcode: 
 [csvsearch format=”{0} | {1} | {3}{br/}” src=”/files/2016/07/sizedata.csv”/] 
Which means showing first, second and fourth column from the file with a separator between and line break at the end.
<h4>[filtersearch]</h4>
Add filter/search functionallity to any post or widget with the shortcode 
 [filtersearch]
With this shortcode a filter input will be generated and will instant filter the content in the page or post. You will be able to select if all page will be filtered or just some of the elements.
Settings:
There are some settings to control the filter.
<ul>
<li>
search_element Select within which html-element the content should be filtered. Should be entered as ‘element.classname’ (i.e. table.content or .content) in any form combining element, id and/or classname.
</li>
<li>
show_header_in_table Set to true if the first row in table is a title and always should be visible. Only affects when filtering tables.
</li>
<li>
text Replace the standard text placed in front of search box.
</li>
<li>
clear_icon_class Class to use to show ‘clear’-icon. Default is ‘delete-icon’.
</li>
<li>
clear_text Text to show in the clear button, useful instead of icon. Default is empty.
</li>
<li>
set_focus_on_load Set to true to focus input element on page load, set false if not to focus. Default is ‘true’.
</li>
</ul>
Screenshot 2 shortcode: 
 [filtersearch text=”Sök hämtningsdag för din ort” search_element=”table” show_header_in_table=”false”]

HTML filter and csv-file search

Easy way to enable jquery HTML filter or a CSV-file-search to a webpage. Use the shortcodes [csvsearch] and [filtersearch] to enable.

Tobias Bäthge

Boost your website with feature-rich tables that your visitors will love!
TablePress is the most popular and highest-rated WordPress table plugin.
<ul>
<li>Easily create, edit, and manage beautiful and modern data tables, no matter if small or large!</li>
<li>Add live sorting, pagination, searching, and more interactivity for your site’s visitors!</li>
<li>Use any type of data, insert images, links, and even math formulas!</li>
<li>Import and export tables from/to Excel, CSV, HTML, and JSON files or URLs.</li>
<li>Embed tables into posts, pages, or other site areas using the block editor, an Elementor widget, or Shortcodes.</li>
<li>All with no coding knowledge needed!</li>
</ul>
Even more great features for you and your site’s visitors and priority email support are available with a Premium license plan of TablePress. <a href="https://tablepress.org/premium/?utm_source=wordpress.org&utm_medium=textlink&utm_content=readme" rel="nofollow ugc">Go check them out!</a>
<h4>More information</h4>
Visit <a href="https://tablepress.org/" rel="nofollow ugc">tablepress.org</a> for more information, take a look at <a href="https://tablepress.org/demo/" rel="nofollow ugc">example tables</a>, or <a href="https://tablepress.org/demo/#try" rel="nofollow ugc">try TablePress on a free test site</a>. For latest news, <a href="https://twitter.com/TablePress" rel="nofollow ugc">follow @TablePress</a> on Twitter/X or subscribe to the <a href="https://tablepress.org/#newsletter" rel="nofollow ugc">TablePress Newsletter</a>.
<h3>How to use TablePress</h3>
After installing the plugin, you can create and manage tables on the “TablePress” screen in the WordPress Dashboard.
To insert a table into a post or page, add a “TablePress table” block in the block editor or a widget in the Elementor page builder and select the desired table or use Shortcodes with other page builders.
Beginner-friendly step-by-step <a href="https://tablepress.org/tutorials/" rel="nofollow ugc">tutorials, guides, and how-tos</a> show how to achieve common and popular tasks with TablePress. 
Examples for common styling changes via “Custom CSS” code can be found on the <a href="https://tablepress.org/faq/" rel="nofollow ugc">TablePress FAQ page</a>. 
You may also add certain features (like sorting, pagination, filtering, alternating row colors, row highlighting, print name and/or description, …) by enabling the corresponding checkboxes on a table’s “Edit” screen.
Even more great features for you and your site’s visitors and priority email support are available with a Premium license plan of TablePress. <a href="https://tablepress.org/premium/?utm_source=wordpress.org&utm_medium=textlink&utm_content=readme" rel="nofollow ugc">Go check them out!</a>

TablePress – Tables in WordPress made easy


Ich nutze das Plugin nun schon eine ganze Weil und bin immer wieder begeistert, wie einfach man damit Tabellen erstellen und einbetten kann. Dazu kommt, dass der Autor immer wieder neue Funktionen einbaut und das Plugin weiterhin kostenfrei bleibt.



I've been using the plugin for a while now and I'm still amazed at how easy it is to create and embed tables. In addition, the author keeps adding new features while the plugin remains free.






Best Plugin when it comes to tables


Working with TablePress has made it easier to manage data especially when working with hundreds of cells.



No way should one ever work with "plain HTML tables" again! :-)


Intuitive!


Developer solved all my problems, created individual code for my needs and explained everything thoroughly. Great job!


GREAT SUPPORT!!


TablePress 3.0 removed backward compatibility with free extensions. Now you need to use paid version in order for things to work. Someone skilled should fork this. 


Backward compatibility removed in favor of paid version

Embed beautiful, accessible, and interactive tables into your WordPress website’s posts and pages, without having to write code!

HTML filter and csv-file search vs TablePress – Tables in WordPress made easy