Here Mudassar Ahmed Khan has explained with an example, how to implement Column Wise search and filter in WebGrid using TextBox in ASP.Net MVC Razor.

An additional Header Row with TextBoxes for each Column will be inserted in WebGrid using jQuery and then the jQuery QuickSearch Plugin will be applied to each TextBox.

The jQuery QuickSearch Plugin will enable searching and filtering in WebGrid on KeyPress event of TextBoxes in ASP.Net MVC Razor.

Here Mudassar Ahmed Khan has explained with an example, how to create Dynamic Google Bar Chart in ASP.Net using C# and VB.Net.

The Google Bar Chart will be dynamically populated from Database using jQuery AJAX and Web Method in ASP.Net.

Here Mudassar Ahmed Khan has explained with an example, how to implement Scroll to Top and Bottom of Page with UP and DOWN Arrow Keys using plain jQuery and no additional jQuery Plugins.

The HTML Body element will be assigned jQuery KeyDown event handler and when the UP or DOWN Arrow Keys are detected, the Page will be smooth scrolled to Top or Bottom using jQuery.

In order to make the Scroll action smooth, jQuery animation has been used.

Here Mudassar Ahmed Khan has explained with an example, how to implement Nested WebGrid with Expand Collapse in ASP.Net MVC Razor.

The Nested WebGrid will be a combination of Parent – Child Table where Child WebGrid will be placed inside the Parent WebGrid and the Child WebGrid will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.

The Nested WebGrid will be populated from database using Entity Framework and the Expand-Collapse feature will be implemented using jQuery.