Je veux supprimer des lignes en cliquant simplement sur le bouton associé .. Les tables de données fonctionnent, je peux utiliser une fonction de base telle que sortinger et rechercher dans un fichier datatable , mais lorsque je clique sur le bouton, elle indique simplement une erreur non définie:
pour votre information, im using datatable 1.10 and jquery 1.10.2
Code:
Video ID Filename Action 1 ABCD Video ID Filename Action
var table = $('#table').dataTable( {} ); $('#table tbody').on('click',"input[type='button']",function() { table .row( $(this).parents('tr') )** .remove() .draw(); });
Cela ne fonctionne pas, car il existe une énorme différence entre le constructeur dataTable()
et le constructeur DataTable()
introduit dans 1.10.x ( voir docs ):
La différence entre les deux est que le premier retournera un object jQuery, tandis que le second renverra une instance de l’API DataTables.
Il suffit de changer
var table = $('#table').dataTable( {} );
à
var table = $('#table').DataTable( {} );
si vous souhaitez utiliser la nouvelle API dataTables via la variable de table
.
Voir votre code fonctionne -> http://jsfiddle.net/Sd6UQ/
NB: N’oubliez pas d’utiliser
.. et de fermer correctement les
. Les dataTables peuvent être très sensibles au balisage mal formé.
si vous décidez de créer le datatable sur cette façon
table = $ (‘# table’). dataTable ({})
vous obtiendrez un object jQuery dans table var mais vous pourrez accéder à l’application dataTable avec l’instruction suivante
table.api ()
vous pouviez le voir courir ici
vous pouvez utiliser cette technique si vous n’avez pas access à l’instruction de création pouvant être datée
on pouvait le voir fonctionner ici
http://jsfiddle.net/r2ue74zn/
Vous pouvez simplement append le code suivant pour recharger datatable
//var table = $('#table').dataTable( {} ); table.ajax.reload();