la table de données ne fonctionne pas sur ma table dans la page de vue dans le mvc

Question

je veux faire la table comme datatable mais son application ne s'applique pas dans ma table. datatable travaille dans une table statique, mais pendant que j'ajoute une table dynamique, je ne montre aucune caractéristique datatable comme l'option de recherche et la pagination. tous les enregistrements montrant à l'heure même si son sélectionné 10 dans la pagination.

Code

<script> 
      $(document).ready(function() { 
       $('#example').DataTable(); 
      }); 
     </script> 


    <table id="example" class="display" width="100%" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>deviceid</th> 
      <th>status</th> 
      <th>UpdatedTime</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>deviceid</th> 
      <th>status</th> 
      <th>UpdatedTime</th> 
     </tr> 
    </tfoot> 

@foreach (var item in Model) 
{ 
    <tbody> 
     <tr> 
      <td>@Html.DisplayFor(modelItem => item.deviceid)</td> 
      <td>@Html.DisplayFor(modelItem => item.status)</td> 
      <td>@Html.DisplayFor(modelItem => item.UpdatedTime)</td> 
     </tr> 
    </tbody> 
} 
</table> 

Answer 1

vous ajoutez tous les suivants

//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css 
//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js 
//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js 
//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js 

lien Exemple: https://jsfiddle.net/r8gd2227/3/

Answer 2

Essayez ceci:

$(document).ready(function() { 
      $('#example').DataTable(); 
     }); 

Answer 3

<table id="example" class="display" width="100%" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>deviceid</th> 
      <th>status</th> 
      <th>UpdatedTime</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>deviceid</th> 
      <th>status</th> 
      <th>UpdatedTime</th> 
     </tr> 
    </tfoot> 

    <tbody> 
@foreach (var item in Model) 
{ 
     <tr > 
      <td>@Html.DisplayFor(modelItem => item.deviceid)</td> 
      <td>@Html.DisplayFor(modelItem => item.status)</td> 
      <td>@Html.DisplayFor(modelItem => item.UpdatedTime)</td> 
     </tr> 
} 
    </tbody> 
</table>