Column-wise filtering required for WebGrid

Question

I am using WebGrid and I need the Filtering for the columns. Kindly help with some code. Thanks.

Sanjana V · Answer

I found a solution for this, I have made use of a jQuery plug-in called multifilter : http://www.jqueryscript.net/table/jQuery-Plugin-To-Filter-Html-Table-with-Multiple-Criteria-multifilter.html Multicolumn search using jQuery plugin MultiFilter : $ ( document ). ready ( function () { $ ( '.filter' ). multifilter () console . log ( jQuery (). jquery ); }) The textboxes for each column to search : class = 'filter-container' > autocomplete = 'off' class = 'filter txtBox2 ' id = "txtB2" name = 'firstname' placeholder = 'First Name' data-col = 'First Name' /> class = 'filter-container' > autocomplete = 'off' class = 'filter txtBox3 ' id = "txtB3" name = 'lastname' placeholder = 'Last Name' data-col = 'Last Name' /> class = 'filter-container' > autocomplete = 'off' class = 'filter txtBox4 ' id = "txtB4" name = 'dateofbirth' placeholder = 'Date of Birth' data-col = 'Date Of Birth' /> It works fine, but it filters the rows only on that particular page. Hope this helps!

Manikandan Murugesan · Answer

Refer the follwoign Link : http://www.c-sharpcorner.com/article/column-wise-filter-in-web-grid-by-jquery-datatable/ https://forums.asp.net/t/2080239.aspx?How+to+put+cascade+dropdown+list+in+webgrid+column