Hello there,

First, thanks for a nice plugin.

I needed to add the possibility to specify row & cell selectors for your plugin, and on that occasion rewrote it to CoffeeScript, which in my opinion results in a bit cleaner code.

I also made a slight changes to the generated markup and added few more options.

If you'd want to merge this into your branch please feel free to go ahead.

Best wishes, Tomas

I have just spent an unhealthy amount of time troubleshooting the same problem as in https://github.com/sunnywalker/jQuery.FilterTable/issues/26.

filterTable did show up for one of our tables but not for the other, with the same code. I read the JS console, tried to run .filterTable() manually in the console, saw that there were no additions to the DOM, checked that the plugin was called at all, read the, in my mind, important introduction in the manual over and over. I did not expect to find a minRows setting that defaults to hiding everything.

I suspect most users don't like when DOM elements are sometimes there and sometimes not.

My suggestion is to either default minRows to 0 or to at least add a message with console.log when the table is skipped. What do you think?

Hi there,

thank you versy much for this nice plugin.

I just recognized that rows of sub tables within a table cell are filtered as well.

Is that a purposed behavior?

Firstly thanks for writing this plugin. I have been using it since the past week and am very pleased with its performance.

It would be great to have an option to attach a custom text box as the filter input field. This is very important to place the text box anywhere to suit the design.

Thanks

Playing around with plain simple example gave me wrong search results.

For example: typing 'tt' gives records where one column ends with a 't' and seconds start with a 't'. It looks like columns in a record are being concatenated into a long string. To clarify the issue another example could be 'polkone'.

I have used filterTable for quite some time and love it. However, now I have a long table full of textboxes, selects and textareas. Those elements does not seem to be part of the filtering rules.

Do you have any tips on how to tweak the component to see inside those elements too?

At least this sample is on an https page failing to load JQuery over http - and failing due to mixed content.

https://sunnywalker.github.io/jQuery.FilterTable/examples/filtertable-existing-input.html

Nice script! Is there any chance of adding sorting functionality? I am using it on a pricing table and would love to be able to sort the filtered results by the pricing column.

Thanks

The option inputSelector is missing from the source code. The documentation mentions inputSelector but instead, filterSelector is used. Please fix this.

I have added code to have an option to attach a custom text box as the filter input field. This is very important to place the text box anywhere to suit the design.

I added a autofocus option (enabled by default) and tested it (in Chrome) in both enabled and disabled. Works pretty well. Also updated the readme to reflect the option.

I tried ignoreClass but the tr or td I have the associated class applied to are still hidden. This seems like an alternate meaning of "ignoring filtering", I also understand your original reasoning for it now (to skip finding a row/cell). Maybe there could be another option specifically to skip hiding, rather than skip finding?

Hi,

Thanks to share your work ! I like the two examples "Filter on Any Term" and "Filter on All Terms", very useful !

I would like to know if there is a way to filter with terms per-row ? For example if you search "James,one-partial" it should display only one line / one row :

20 | James Abram Garfield | one-partial | 1881

Seems that filter is not working with responsive design if screen width is lower than around 760px. Is there a solution for this or did I overread something?

I am currently looking at how to implement a search with delay.

The point is, I have a list of nearly 20000 entries with 5 columns and need tablewide search. This is very slow, especially when users are beginning to enter their search term. What I want is a certain delay on the input field, to only fire the search event when there is no further entry for x second. I thought, bindwithdelay would solve this, but simply adding it to the page did nothing. Further, I could not find an example for bindwithdelay or documentation on how to use these two together.

Kind regards

As written in the description and the FAQ, the filter looks for TBODY and THEAD.

If you can't change the HTML source-code and are stuck with simple TR and TD, you can use this dirty workaround to show the first table-line.

Add the following line: "tbody.find('tr:eq(0)').show().addClass(settings.visibleClass);" around line 240 so it looks like:

[...] 
// remove previous highlights
all_tds.removeClass(settings.highlightClass);
				
// dirty workaround
tbody.find('tr:eq(0)').show().addClass(settings.visibleClass);
	
// hide footer if the setting was specified
if (settings.hideTFootOnFilter) {
[...]

This is NOT a real issue. We had this problem on an old Sharepoint-installation and I wanted to share our solution. :)

I'd like to build filter phrases outside the application and if some event happens, it should be applied to the table. So i need a way to call the plugin and force it to filter the table by the words supplied, e.g. $('#mytable').filterTable().term("term1,term2");