Paged table with ASP.NET MVC and AJAX

Question

I'm looking for good patterns for implementing a paged table of results in ASP.NET MVC with sorting, filtering, and paging provided via AJAX. It seems to me that I should have my controller actions provide only the data and not mark up to maintain the separation of concerns -- so the Ajax callback would provide new table data and pager settings which the client would use to re-render the table. Alternatively, I could use have the controller return a partial view that I simply replace inside a container on the page.

I'm new to the ASP.NET MVC world, so I'd be interested in hearing opinions and other alternatives as well.

How would you go about doing this?

I'm also interested in hearing about jquery table plugins that work well with Ajax.

Answer 1

JQuery Grid appears to do everything that you are asking for. It has quite nice documentation and examples. I have not yet used it but I plan to very soon.

Answer 2

Here are a few options to checkout:

• jQuery Flexigrid
• Yahoo DataTable
• Ext JS

I'm leaning towards Yahoo's solution atm since it offers much more than just a grid control.

Answer 3

I really like tablesorter

It's more light-weight and a bit easier to manage...

Answer 4

Dont use tablesorter. Its very hard to re render the table with paging and sorting while u delete some records from the table. I had a very hard time with that.