web-dev-qa-db-fra.com

Vous voulez afficher le GIF du chargeur dans les tables de données

J'utilise des tables de données. Mon code fonctionne bien. Maintenant, je veux ajouter une image de chargeur (gif). Je ne sais pas comment ajouter ça. Voici mon script datatable jusqu'à présent.

$(document).ready(function() {
    $("#dvloader").show();
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"                   
    });
});

Voici mon chargeur:

<div id="loader">
    <img src="ajaxloader.gif" />
</div>
javascriptjquerydatatables
21
no_freedom

Si vous souhaitez remplacer la chaîne 'Processing ...' par une image comme vous l'avez mentionné dans le commentaire, vous devez y jeter un œil ici

$('#example').dataTable( {
    oLanguage: {
        sProcessing: "<img src='loading.gif'>"
    },
    processing : true
});
63
anu

Dans les tables de données 1.10 et ultérieures, vous devez utiliser:

$('#example').dataTable({
  language: {
     processing: "<img src='loading.gif'>"
  },
  processing: true
});

Pas requis à ce jour, mais plus standard étant donné la nouvelle documentation. Le projet est passé de l'utilisation de notation hongroise à camelCase standard dans la mise à jour la plus récente. D'intérêt:

Veuillez noter que l'option de notation hongroise est obsolète et sera supprimée dans les futures versions des extensions (lors de la prochaine mise à jour de la version majeure de l'extension - c'est-à-dire 1.x à 2.x, bien que 2.x ne soit pas prévu pour longtemps à venir). - encore beaucoup de vie dans la série 1.x!). La documentation des extensions sera mise à jour pour supprimer la notation hongroise avant ce point.

11
akosel