How To Make JQuery Data Table From Asp.Net Grid\View....?

Jquery Data Table is a Jquery plugin which enables you to manipulate your data in web browser such a cool way. which attract your your client. And It's also provides you a lot of functionality  such as Searching, Sorting, Paging , How Many Number of Row you want to see etc.

This article gives a walk-through of jQuery Datatables plugin to display the data stored in database using ASP.NET web services.

Here is the cdn of datatables plugin, which you've embed in your html/aspx page.

1.  <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
2.     <link  href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>

After embedded this two line  You've write another simple code. Like the following code

  <script>

        $(function () {

            $("#yourGridId").prepend($("<thead></thead>").append($(this).find("tr:first"))).dataTable();

        });

    </script>

Here is a video tutorial, which will help you to give you a deep knowledge About the Asp Grid and jquery data table......

Stay Blessed And Stay Connected... Happy Coding,

.