Loading

Column-wise filtering required for WebGrid

Column-wise filtering required for WebGrid

Sanjana V

9y1.8kLearn iOS Programming

I am using WebGrid and I need the Filtering for the columns.

Kindly help with some code.

Thanks.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sanjana V9y ago
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

Manikandan Murugesan9y ago

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