Dev Faq
-2
votes

Comment activer DataTable JS Server Server?

J'essaie de faire une table de fonctions pour être une table de données, mais comme étant un noob, je défaisse. Je veux de la recherche et de la pagination tables. Quelqu'un peut-il aider? 

$('#myTable').DataTable( {
   serverSide: true,
   ajax: {
    url:"product_fetchmulti.php",
    method:"POST",
    dataType:"json",
    success:function(data)
    {
        var html = '';
        for(var count = 0; count < data.length; count++)
        {
            html += '<tr>';
            html += '<td><input type="checkbox" id="'+data[count].product_id+'" data-name="'+data[count].product_name+'" data-product_sku="'+data[count].product_sku+'" data-product_status="'+data[count].product_status+'" data-product_quantity="'+data[count].product_quantity+'" data-product_color="'+data[count].product_color+'" class="check_box"  /></td>';
            html += '<td>'+data[count].product_name+'</td>';
            html += '<td>'+data[count].product_sku+'</td>';
            html += '<td>'+data[count].product_status+'</td>';
            html += '<td>'+data[count].product_quantity+'</td>';
            html += '<td>'+data[count].product_color+'</td></tr>';
        }
        $('tbody').html(html);
    }
    }
} );

2 commentaires

Bienvenue sur Stackoverflow. Ce site est destiné à l'aide pour des problèmes de programmation spécifiques, et non comme un remplacement de la lecture du manuel d'une bibliothèque.

S'il vous plaît ne modifiez pas votre question en modifiant le code d'une manière qui nie les réponses existantes. La réponse utile suggère que vous n'appelez pas .Datatable mais vos écrasements de modification étaient que vous n'alliez pas l'appeler avec un appel - ce qui semble que le répondeur n'a pas regardé votre première ligne de code . Par tous signifie ajouter des tentatives supplémentaires comme extra code.

3 Réponses :

0
votes

Utilisez-vous des datatables plugin ( https://datatables.net/ )?

Si oui, Je pense que vous n'appelez pas la fonction datatable. C'est pourquoi vous ne pouvez pas rechercher et paginer votre onglet.

code suivant Utilisez jQuery xxx

édition: Selon votre édition, vous essayez de réécrire l'onglet lorsque DataTable le fait pour vous. Il vous suffit de recevoir votre JSON (avec une requête AJAX) et de définir les colonnes: xxx

2 commentaires

Je pense que vous devriez essayer la réponse à la marque parce que vous utilisez Ajax. Nous devrions avoir accès à votre code HTML où vous utilisez l'élément

. Je pense que vous devriez être plus explicite sur ce qui ne fonctionne pas. Affichage de la barre de recherche et de la pagination?

<ème largeur = "20%"> Nom adresse sexe désignation "10 % "> Âge

0
votes

Un meilleur moyen d'initialiser votre jeu de données utiliserait l'exemple présenté ici:

https://www.datatables.net/examples/ajax/ObjectS.html

Donnez au format Ajax Link au format comme indiqué dans l'onglet Ajax, puis configurez votre JavaScript. et HTML comme indiqué dans leurs onglets respectifs. Si vous avez une requête renvoyant une gamme d'objets d'une base de données, vous pouvez faire écho à votre réponse comme ceci: xxx

0 commentaires
0
votes

enfin résolu strong>

après '$ (' TODY '). HTML (HTML); CODE> Cette ligne: P> 

$('#myTable').DataTable({
"columnDefs": [
{ "searchable": true, "targets": 0 }],
});

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO