ASP.NET8 using DataTables.net – Part3 – State saving

A practical guide to using jQuery DataTables.net component in Asp.Net 8 MVC application.

Abstract: A practical guide to building an Asp.Net 8 MVC application that uses jQuery component DataTables.net. This is a continuation of article Part2.

1 ASP.NET8 using jQuery DataTables.net

I was evaluating the jQuery DataTables.net component [1] for usage in ASP.NET8 projects and created several prototype (proof-of-concept) applications that are presented in these articles.

1.1 Articles in this series

Articles in this series are:

• ASP.NET8 using DataTables.net – Part1 – Foundation


• ASP.NET8 using DataTables.net – Part2 – Action buttons


• ASP.NET8 using DataTables.net – Part3 – State saving


• ASP.NET8 using DataTables.net – Part4 – Multilingual


• ASP.NET8 using DataTables.net – Part5 – Passing additional parameters in AJAX


• ASP.NET8 using DataTables.net – Part6 – Returning additional parameters in AJAX


• ASP.NET8 using DataTables.net – Part7 – Buttons regular


• ASP.NET8 using DataTables.net – Part8 – Select rows


• ASP.NET8 using DataTables.net – Part9 – Advanced Filters

2 Final result

The goal of this article is to create a proof-of-concept application that demos DataTables.net component state saving. Let us present the result of this article. Here on this screen, you see the example app in a certain “state”, that is filter “mark” is applied, and sort is done by “Family name” descending.

You can see that the DataTables.net component has created a key for itself, for that particular URL, since there can be several pages with DataTables.net component and each needs to preserve its own state. You can see that the state is saved in a big JSON, and there are our search phrase “mark” and “order by column 2, descending” setting.

5 Conclusion

The full example code project can be downloaded at GitHub [99].

6 References

[1]