9
votes

Ajout de lignes à DataTable via JavaScript

Je veux ajouter des lignes au jeu de données lorsque la page s'affiche à l'aide d'une matrice JavaScript. J'essaie de comprendre cela, mais la ligne ne reçoit pas d'ajouter. Toute aide est appréciée ..

p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">

<table class="table table-striped table-bordered table-hover" id="dataTables-example" border="1">
  <thead>
    <tr>
      <th>Host</th>
      <th>Method</th>
      <th>SSL</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>


0 commentaires

4 Réponses :


-3
votes

Peut-être que vous pouvez générer la ligne avant, puis l'ajouter au Todbody en utilisant juste jQuery xxx


1 commentaires

OP utilise le plugin DataTables pour ajouter / manipuler des données par programme.



15
votes

4 commentaires

Le code que vous avez suggéré, fonctionne parfaitement ... mais il a jeté un avertissement indiquant que le jeu de données ne peut pas être réinitialisé. Une solution à ce sujet? Ça marche dans Jsfiddle, je ne sais pas pourquoi ... je pense que je manque une bibliothèque


Vous devez l'initialiser ailleurs ailleurs. Store $ ('# exemple de datables'). DataTable () dans une variable la première fois et utilisez-le à la place.


Parfait! Eh bien, la question était qu'elle utilisait dans un autre dossier, mais elle fonctionnait dans la même session. J'ai renommé cette table et ça marche parfaitement. Je vous remercie pour votre aide.


Avez-vous une idée de la colonne de case à cocher dans Rows.Ajouter?



4
votes

à partir du API , c'est l'une des façons d'ajouter des lignes: xxx

démo @ Fiddle


10 commentaires

Cela fonctionne, mais il s'agit d'un avertissement qui ne peut pas réinitialiser le jeu de données. Pour plus d'informations, Datatables.net/tn/3


Cela peut signifier que vous avez déjà initialement initialisé la table de données ailleurs dans votre code, tel que $ (sélecteur) .Datatable ()


Cela fonctionne dans votre violon, mais pas sur ma machine autonome. Pas certain de pourquoi!


Non, je n'ai que la déclaration suivante ::::


Pas le HTML, je faisais référence à votre bloc de script. Avez-vous $ ('# exemple de datables »). DataTable () deux fois sur la page après avoir ajouté de ma réponse?


Non, je ne le fais pas deux fois ... je ne l'ai qu'une seule fois ............. varatetable = $ (exemple de datables-exemple '). Datatable ();


Eh bien, c'est ce que l'erreur signifie réellement. Quoi qu'il en soit, essayez varatetable = $ (exemple de datables-exemple '). Datatable ({détruire: true}); comme Ceci


Laissez-nous Continuez cette discussion en chat .


Eh bien, la question était qu'elle utilisait dans un autre dossier, mais elle fonctionnait dans la même session. J'ai renommé cette table et ça marche parfaitement. Je vous remercie pour votre aide.


Pas de problème et de codage heureux :)



0
votes

Pour résoudre le défi d'avertissement de réinitialisation lors de l'utilisation de datables, vous pouvez essayer d'essayer l'option Récupérer. www.datatables.net/manual/tech-notes explique comment cela fonctionne. Vous pouvez lire à propos de récupération ici strong>.

Dans l'accusé de réception que la structure de code ci-dessus n'est pas toujours particulièrement attrayant, datables comme récupération [dt] option qui peut être utilisée pour dire Datables que vous savez que les options d'initialisation ne peuvent pas être changé après l'initialisation, et cela devrait se produire, que vous Voulez-vous juste que l'instance de données soit renvoyée. P>

Ce paramètre facultatif peut fournir une coupe courte à la vérification explicite. en utilisant $ .fn.datatatable.Indatatable () comme ci-dessus lors de l'obtention d'un Instance de datables: p>

table = $('#example').DataTable( {
retrieve: true,
paging: false } );


0 commentaires