YUI DataTable: Comment modifier les en-têtes de colonnes?

Question

J'aimerais pouvoir éditer les en-têtes de colonnes de la même manière que je peux modifier les valeurs des lignes. Quelqu'un a-t-il trouvé un moyen de le faire? Je ne vois aucune mention de cela dans les docs.

Answer 1

L'en-tête de colonne sont mis en place dans les columnDefs:

var myColumnDefs = [ 
     {key:"myID", label:"id", sortable:true}, 
     {key:"myDate", label:"date", sortable:true}, 
     {key:"MyStatus", label:"status", sortable:false} 
        ]; 

si vous voulez être en mesure de changer de façon dynamique, vous devrez supprimer la valeur de l'étiquette, et appliquer css à la première ligne, donc on dirait que c'est un en-tête. puis utilisez l'édition de cellules en ligne comme d'habitude dans YUI. Juste une idée! Parce que jusqu'à présent, je ne pense pas que YUI fournisse une méthode pour faire ça!

Answer 2

Je voulais placer une case à cocher dans l'en-tête au lieu d'un titre ordinaire. L'attribut label prend le code HTML.

Voici un exemple de myColumnDefs je passe dans le YUI Datatable:

var myColumnDefs = [ 
    {key:"check", label:'<input id="check-all" type="checkbox" onclick="checkAll()">', formatter:"checkbox"}, 
    {other columns} 
];