Use Html Form Web Part To Filter And. In the Forms category select HTML Form Web Part and click Add. Here is a solution to quickly filter an HTML table using JavaScript.
Today i use HTML-Form web part to connect to the list in question. Scroll down the settings page and you will the Custom Script section. Add the show class displayblock to the filtered elements and remove the show class from the elements that are not selected.
However it appears that it is designed to be bound to a single column and you cannot add multiple filters for multiple columns through ONE single HTML form web part and filter 3 different columns on one button click after entering the filter parameters to filter by.
Per my knowledge the HTML web part is used to filter the list view web part in the same page. Add a Web Part. Today i use HTML-Form web part to connect to the list in question. Select Source Editor at the Form Content Editor section of the web part tool pane and replace the code with the following.