SharePoint - search box, filter and navigation not working

perirrs

I've linked both .js file and .css file in my code as below ,but it shows the grid with my data but its not showing pagination/filter/sorting..

Am using a visual webpart and below is my code for ascx file

<SharePoint:ScriptLink ID="ScriptLink1" Name="~SiteCollection/Style Library/ListViewDataTables/js/jquery.js" runat="server" />
<SharePoint:ScriptLink ID="ScriptLink2" Name="~SiteCollection/Style Library/ListViewDataTables/js/jquery.dataTables.min.js" runat="server" />
<SharePoint:ScriptLink ID="ScriptLink3" Name="~SiteCollection/Style Library/ListViewDataTables/TableTools/js/dataTables.tableTools.js" runat="server" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css" />

  <script type="text/javascript">
      $(document).ready(function () {
          $('#GridView1').dataTable({

              "sPaginationType": "full_numbers",
              "aaSorting": [],
              "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
              "pageLength": 14,

              //"scrollY": "200px",
              //"scrollCollapse": true,
              "sDom": 'T<"clear">lfrtip',
              "tableTools": {
                  "sSwfPath": "http://www.datatables.net/release-datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf"
              },
              /* Disable initial sort */
              "bDestroy": true,
              "bProcessing": true,
              "bpaging": false,
              "bSort": false

          });
      });

</script>

Please help