Search

load works great but filters don't work. The server

to 2. For column filtering I have cloned the

It would be helpful if you filled in the text with a bit more of a description of what you want to do. Is it like this but with multiple for the select elements? Have you taken a look at SearchPanes? Allan

Datatables doesn't have anything built-in for that interface. I don't know of any examples but I remember other threads asking something similar. You might be able to find them to see if there are examples. It will require custom coding. Click events will need to be created for each function you want to support. In the event handlers use Datatable APIs like column().order() and column().search() to perform the actions. This example shows how to add column searches using column().search(). Kevin

Thanks lads!

If you don't ever want to show those rows then the best option is to remove them from the props.props array before initializing Datatables. If you want them in the Datatables but not displayed you can use column().search.fixed(). Provide the user the ability to set/reset a flag to display blank names and check the flag in the column().search.fixed() function to determine if blank names should be shown. To answer your question you would use clear() then rows.add() to clear the original data and update the table with the filteredData. This would be the less efficient than just removing the unwanted data before initializing Datatables. Kevin

Thanks! I renamed the title property and it's working as expected now.

I was able to get this to work. The code is looking for keypress event to work with live searching. I added this line after setting the value and it worked: this.dispatchEvent(new KeyboardEvent('keypress'));

No - it looks like there is an error there. Thanks for letting me know about that. Allan

Edit: example for multiple classes columns: [ ':not(.act,.act2):visible' ]