JQUERY DATA TABLE PLUGIN IN ASP.NET MVC

https://youtu.be/MxCq564GoQU

Step 1. Create Asp.Net Mvc App using db 1st approach. or as per required.

Step 2. Open nuget package manager and type install-package jquery.datatables -version:1.10.11

 Step 3. Add 3 lines in bundle.config file 1st bundles.Add 

                

                  "~/Scripts/datatables/jquery.datatables.js",

                        "~/Scripts/datatable/datatables.bootstrap.js"

                              

 last bundles.Add 

                          "~/Content/datatables/css/datatables.bootstrap.css"

Step 4. Indesx.cshtml

<h2>Index</h2>                       

 @section scripts{

    <script>

        $(document).ready(function () {

            $('#tblRegister').DataTable({

            });

        });

    </script>   

    }

.

.

<table id="tblRegister" class="table table-border table-striped">

    <thead>

.

.

.

.

.

.

</thead>

<tbody>

.

.

.

.

.

.</tbody>