insert code yaptım ama yine de dağınık çıkmış.

Merhaba Arkadaşlar, https://almsaeedstudio.com/preview yukarıdaki admin template ile bir yazılım geliştirmek istiyorum ve template in tablo listelemesini kullanmaya çalışıyorum fakat listeleme ve arama zelliğini bir türlü gsteremedim. kodlarım aşağıdaki gibidir. İlk Olarak Layout Sayfam @ <! DOCTYPE html> <html lang="tr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>@ViewData </title> <!-- Tell the browser to be responsive to screen width --> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <!-- Bootstrap 3.3.6 --> <link href=" /bootstrap/css/bootstrap. min. css" rel="stylesheet" /> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome. min. css"> <!-- Ionicons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons. min. css"> <!-- Theme style --> <link href=" /dist/css/AdminLTE. min. css" rel="stylesheet" /> <link href=" /dist/css/skin-blue. min. css" rel="stylesheet" /> <!-- HTML5 Shim and Respond. js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond. js doesn't work if you view the page via file:// --> <!-- > <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv. min. js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond. min. js"></script> <! --> </head> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <!-- Main Header --> <header class="main-header"> <!-- Logo --> <a href="/" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels --> <span class="logo-mini"><b>W</b>A</span> <!-- logo for regular state and mobile devices --> <span class="logo-lg"><b>Web</b>Admin</span> </a> <!-- Header Navbar --> <nav class="navbar navbar-static-top" role="navigation"> <!-- Sidebar toggle button--> <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> </a> <!-- Navbar Right Menu --> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <!-- Messages: style can be found in dropdown. less--> <li class="dropdown messages-menu"> <!-- Menu toggle button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-envelope-o"></i> <span class="label label-success">4</span> </a> <ul class="dropdown-menu"> <li class="header">4 mesajınız var</li> <li> <!-- inner menu: contains the messages --> <ul class="menu"> <li> <!-- start message --> <a href="#"> <div class="pull-left"> <!-- User Image --> <img src="dist/img/user2-160x160. jpg" class="img-circle" alt="User Image"> </div> <!-- Message title and timestamp --> <h4> Support Team <small><i class="fa fa-clock-o"></i> 5 mins</small> </h4> <!-- The message --> <p>Why not buy a new awesome theme?</p> </a> </li> <!-- end message --> </ul> <!-- /. menu --> </li> <li class="footer"><a href="#">See All Messages</a></li> </ul> </li> <!-- /. messages-menu --> <!-- Notifications Menu --> <li class="dropdown notifications-menu"> <!-- Menu toggle button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-bell-o"></i> <span class="label label-warning">10</span> </a> <ul class="dropdown-menu"> <li class="header">You have 10 notifications</li> <li> <!-- Inner Menu: contains the notifications --> <ul class="menu"> <li> <!-- start notification --> <a href="#"> <i class="fa fa-users text-aqua"></i> 5 new members joined today </a> </li> <!-- end notification --> </ul> </li> <li class="footer"><a href="#">View all</a></li> </ul> </li> <!-- Tasks Menu --> <li class="dropdown tasks-menu"> <!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-flag-o"></i> <span class="label label-danger">9</span> </a> <ul class="dropdown-menu"> <li class="header">You have 9 tasks</li> <li> <!-- Inner menu: contains the tasks --> <ul class="menu"> <li> <!-- Task item --> <a href="#"> <!-- Task title and progress text --> <h3> Design some buttons <small class="pull-right">20%</small> </h3> <!-- The progress bar --> <div class="progress xs"> <!-- Change the css width attribute to simulate progress --> <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">20% Complete</span> </div> </div> </a> </li> <!-- end task item --> </ul> </li> <li class="footer"> <a href="#">View all tasks</a> </li> </ul> </li> <!-- User Account Menu --> <li class="dropdown user user-menu"> <!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <!-- The user image in the navbar--> <img src="dist/img/user2-160x160. jpg" class="user-image" alt="User Image"> <!-- hidden-xs hides the username on small devices so only the image appears. --> <span class="hidden-xs">Alexander Pierce</span> </a> <ul class="dropdown-menu"> <!-- The user image in the menu --> <li class="user-header"> <img src="dist/img/user2-160x160. jpg" class="img-circle" alt="User Image"> <p> Alexander Pierce - Web Developer <small>Member since Nov. 2012</small> </p> </li> <!-- Menu Body --> <li class="user-body"> <div class="row"> <div class="col-xs-4 text-center"> <a href="#">Followers</a> </div> <div class="col-xs-4 text-center"> <a href="#">Sales</a> </div> <div class="col-xs-4 text-center"> <a href="#">Friends</a> </div> </div> <!-- /. row --> </li> <!-- Menu Footer--> <li class="user-footer"> <div class="pull-left"> <a href="#" class="btn btn-default btn-flat">Profile</a> </div> <div class="pull-right"> <a href="#" class="btn btn-default btn-flat">Sign out</a> </div> </li> </ul> </li> <!-- Control Sidebar Toggle Button --> <li> <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> </li> </ul> </div> </nav> </header> <!-- Left side column. contains the logo and sidebar --> <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar. less --> <section class="sidebar"> <!-- Yan Menu --> <ul class="sidebar-menu"> <li class="header">MENÜ</li> <!-- Optionally, you can add icons to the links --> <li class=""><a href="/"><i class="fa fa-dashboard"></i> <span>GENEL EKRAN</span></a></li> <li class="treeview"> <a href="#"> <i class="fa fa-link"></i> <span>CARİ</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="/Cari/">Cari Kartlar</a></li> <li><a href="#">Cari Fişleri</a></li> <li><a href="#">Cari Hareketleri</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-link"></i> <span>KASA</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Kasalar</a></li> <li><a href="#">Kasa İşlemleri</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-link"></i> <span>ÇEKLER</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Çekler</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-files-o"></i> <span>FATURA</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Alış Faturaları</a></li> <li><a href="#">Satış Faturaları</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-link"></i> <span>BANKA</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Banka Hesapları</a></li> <li><a href="#">Banka Fişleri</a></li> <li><a href="#">Banka Hareketleri</a></li> </ul> </li> <li class="active"><a href="#"><i class="fa fa-gear"></i> <span>AYARLAR</span></a></li> </ul> <!-- /. sidebar-menu --> </section> <!-- /. sidebar --> </aside> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header --> <section class="content-header"> <h1> @ViewData <small>Optional description</small> </h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li> <li class="active">Here</li> </ol> </section> <!-- İçerik --> <section class="content"> @RenderBody </section> <!-- /. content --> </div> <!-- /. content-wrapper --> <!-- Main Footer --> <footer class="main-footer"> <!-- To the right --> <div class="pull-right hidden-xs"> Test Page </div> <!-- Default to the left --> Copyright © 2016 <a href="/http://kulturbilisim.com" target="_blank">Kültür Bilişim</a> </footer> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Create the tabs --> <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <!-- Home tab content --> <div class="tab-pane active" id="control-sidebar-home-tab"> <h3 class="control-sidebar-heading">Son Aktiviteler</h3> <ul class="control-sidebar-menu"> <li> <a href="javascript::;"> <i class="menu-icon fa fa-birthday-cake bg-red"></i> <div class="menu-info"> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <p>Will be 23 on April 24th</p> </div> </a> </li> </ul> <!-- /. control-sidebar-menu --> <h3 class="control-sidebar-heading">Tasks Progress</h3> <ul class="control-sidebar-menu"> <li> <a href="javascript::;"> <h4 class="control-sidebar-subheading"> Custom Template Design <span class="pull-right-container"> <span class="label label-danger pull-right">70%</span> </span> </h4> <div class="progress progress-xxs"> <div class="progress-bar progress-bar-danger" style="width: 70%"></div> </div> </a> </li> </ul> <!-- /. control-sidebar-menu --> </div> <!-- /. tab-pane --> <!-- Stats tab content --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> <!-- /. tab-pane --> <!-- Settings tab content --> <div class="tab-pane" id="control-sidebar-settings-tab"> <form method="post"> <h3 class="control-sidebar-heading">General Settings</h3> <div class="form-group"> <label class="control-sidebar-subheading"> Report panel usage <input type="checkbox" class="pull-right" checked> </label> <p> Some information about this general settings option </p> </div> <!-- /. form-group --> </form> </div> <!-- /. tab-pane --> </div> </aside> </div> <!-- jQuery 2.2.3 --> <script src=" /plugins/jQuery/jquery-2.2.3. min. js"></script> <!-- Bootstrap 3.3.6 --> <script src=" /bootstrap/js/bootstrap. min. js"></script> <!-- AdminLTE App --> <script src=" /dist/js/app. min. js"></script> </body> </html> ikinci olarak index view im @ <link rel="stylesheet" href=" /plugins/datatables/dataTables. bootstrap. css"> <!-- Data Tablosu --> <div class="row"> <div class="col-xs-12"> <div class="box"> <!-- /. box-header --> <div class="box-body"> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform </th> <th>Engine version</th> <th>CSS grade</th> </tr> </thead> <tbody> @for (int i = 0; i < 100; i++) </tbody> <tfoot> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform </th> <th>Engine version</th> <th>CSS grade</th> </tr> </tfoot> </table> </div> <!-- /. box-body --> </div> <!-- /. box --> </div> <!-- /. col --> </div> <!-- DataTables --> <script src=" /plugins/datatables/jquery. dataTables. min. js"></script> <script src=" /plugins/datatables/dataTables. bootstrap. min. js"></script> <!-- SlimScroll --> <script src=" /plugins/slimScroll/jquery. slimscroll. min. js"></script> <!-- FastClick --> <script src=" /plugins/fastclick/fastclick. js"></script> <script> $(function ); </script> esinti tarafından 24/Ağu/16 17:46 tarihinde düzenlenmiştir

Hocam sen datatable isimli jquery eklentisini kullanmaya çalışıyorsun. Kullandığın temaya zgü birşey değil. Kodlara baktım jquery. dataTables. min. js bu dosyanın içinde eğer jquery de varsa çalışması lazım. Bazen pluginle jquery i birleştiriyor mesela tek dosya olarak verıyor o tarz bısey yapmıslar gibi. Nerde ne hatası alıyorsun.