Comment modifier dynamiquement titre de la colonne de dataTable plugin jQuery?
Je voudrais changer le titre d'une colonne de ma table de données générées par jQuery Datatables plugin
Savez-vous si je peux faire quelque chose comme ceci:
table = $('#example').DataTable({
"data": source_dataTable,
"columnDefs": defs,
"dom": 't<"top"f>rt<"bottom"lpi><"clear">',
});
//WHAT I WANT TO DO:
table.column(0).title.text("new title for the column 0")
?
Il rend un html une première ligne comme ça:
<table id="example" class="row-border hover dataTable no-footer" role="grid" aria-describedby="example_info" style="width: 1140px;">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" aria-label="S&#233;lectionn&#233;: activer pour trier la colonne par ordre croissant" style="width: 94px;">Sélectionné</th>
<th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" aria-label="Anglais : activer pour
trier la colonne par ordre croissant" style="width:
62px;">Anglais </th>
</tr>
</thead>
</table>
...
Dans un tableau normal le code soufflet de travail , mais pour datatable rendus par le plugin jQuery, il n'a pas d':
$('#example tr:eq(0) th:eq(0)').text("Text update by code");
Peut-être il ya une méthode de l'API ou dans un autre dom?
les exemples doivent être en anglais, pas en français
OriginalL'auteur Vivien Pipo | 2015-04-04
Vous devez vous connecter pour publier un commentaire.
J'ai trouvé une solution qui a vraiment le faire dynamiquement
OriginalL'auteur Vivien Pipo
utilisez code ci-dessous . vérifier DÉMO
si le premier tr td
si le premier tr, avec th
lors de l'utilisation des services de processus ou si vous voulez faire de l'action une fois que les données de la table de chargement de toutes les données d'utilisation Tirage de l'événement .
Tirage de l'événement - tiré une fois que la table a effectué un tirage
Exemple
À l'aide de rappel.
drawCallback Fonction qui est appelée à chaque fois tables de données effectue un tirage au sort. vérifier DÉMO
vérifier toutes les options de rappel ICI
il va travailler avec les données de la table aussi . ajouter du code à l'aide de la table id que vous utilisez pour datatable .. pouvez-vous montrer mon votre code ?
J'ai édité la question, j'ai Essayé $('table#exemple tr:eq(0) th:eq(0)').("texte mise à jour par" le code"); mais desn pas de travail
vérifiez ce violon fonctionne très bien jsfiddle.net/jevqajwb/1
merci, Oui, votre échantillon fonctionne très bien si je écrire directement le rendu html. Mais je ne sais pas pourquoi , il ne fonctionne pas avec datatable rendus par jQuery datatables plugin (même si le produit html est le même) , c'est peut-être bloqué par le plugin cause, il est le lieu où le tri est déclenché , je ne sais pas .Je vous remercie pour votre aide.
OriginalL'auteur Nishit Maheta
Possible de cette façon :
OriginalL'auteur Chinthaka Suren Fernando