View difference between Paste ID: 5Y9ZAfGz and Ew0PdnrC

-<script type="text/javascript">
+
     var body = $( 'body' );
-  var body = $( 'body' );
+    $(document).ready(function() {
-$(document).ready(function() {
+        setPagination();
-    setPagination();
+
-});
+        $('#myInput').on('keyup', function() {
             myFunction();
-function setPagination() {
+        });
-    var totalRows = $('#tblData').find('tbody tr:has(td)').length;
+
-    var recordPerPage = 15;
+
-    var totalPages = Math.ceil(totalRows / recordPerPage);
+    function setPagination() {
-    var $pages = $('<div id="pages"></div>');
+        var totalRows = $('#tblData').find('tbody tr:has(td)').length;
-    for (i = 0; i < totalPages; i++) {
+        var recordPerPage = 15;
-      $('<span class="pageNumber"> ' + (i + 1) + '</span>').appendTo($pages);
+        var totalPages = Math.ceil(totalRows / recordPerPage);
         var $pages = $('<div id="pages"></div>');
-    $pages.appendTo('#tblData');
+        for (i = 0; i < totalPages; i++) {
-
+        $('<span class="pageNumber"> ' + (i + 1) + '</span>').appendTo($pages);
-    $('.pageNumber').hover(
+        }
-      function() {
+        $pages.appendTo('#tblData');
-        $(this).addClass('focus');
+
-      },
+        $('.pageNumber').hover(
-      function() {
+        function() {
-        $(this).removeClass('focus');
+            $(this).addClass('focus');
-      }
+        },
-    );
+        function() {
-
+            $(this).removeClass('focus');
-    $('table').find('tbody tr:has(td)').hide();
+        }
-    var tr = $('table tbody tr:has(td)');
+        );
-    for (var i = 0; i <= recordPerPage - 1; i++) {
+
-      $(tr[i]).show();
+        $('table').find('tbody tr:has(td)').hide();
         var tr = $('table tbody tr:has(td)');
-    $('span').click(function(event) {
+        for (var i = 0; i <= recordPerPage - 1; i++) {
-      $('#tblData').find('tbody tr:has(td)').hide();
+
-      var nBegin = ($(this).text() - 1) * recordPerPage;
+        }
-      var nEnd = $(this).text() * recordPerPage - 1;
+        $('span').click(function(event) {
-      for (var i = nBegin; i <= nEnd; i++) {
+            $('#tblData').find('tbody tr:has(td)').hide();
             var nBegin = ($(this).text() - 1) * recordPerPage;
-      }
+            var nEnd = $(this).text() * recordPerPage - 1;
             for (var i = nBegin; i <= nEnd; i++) {
-}
+                $(tr[i]).show();
             }
-function myFunction() {
+        });
-  var input, filter, table, tr, td, i;
+
-  input = document.getElementById("myInput");
+
-  filter = input.value.toUpperCase();
+    function myFunction() {
-  table = document.getElementById("tblData");
+        var input, filter, table, tr, td, i;
-  tr = table.getElementsByTagName("tr");
+        input = document.getElementById("myInput");
-  for (i = 0; i < tr.length; i++) {
+        filter = input.value.toUpperCase();
-    td = tr[i].getElementsByTagName("td")[0];
+        table = document.getElementById("tblData");
-    if (td) {
+        tr = table.getElementsByTagName("tr");
-      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
+        for (i = 0; i < tr.length; i++) {
-        tr[i].style.display = "";
+            td = tr[i].getElementsByTagName("td")[0];
-      } else {
+            if (td) {
-        tr[i].style.display = "none";
+            if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
-      }
+                tr[i].style.display = "";
-    }
+            } else {
-  }
+                tr[i].style.display = "none";
-  setPagination();
+            }
-}
+            }
         }
-});
+        setPagination();
     }
-</script>
+
 });