Y at-il un moyen de définir les informations CSS pour une instance particulière de YUI DataTable?

Question

L'endroit où je voudrais utiliser le YUI DataTable est dans un wiki qui permet le HTML et le javascript. J'ai créé la table personnalisée, je l'ai placée dans un div et je lui ai donné un ID et cela fonctionne vraiment bien, sauf qu'elle utilise le CSS de la page wiki du conteneur et visuellement que ce n'est pas présentable. Je voudrais être en mesure de définir les informations CSS pour cette table particulière afin qu'il soit plus lisible. Comme vous pouvez le deviner, je ne peux pas modifier les informations "head" car le wiki me permet seulement d'ajouter des choses au "corps" du html. Je ne suis en aucun cas un expert en html et en tant que tel, je ne suis pas sûr si vous pouvez spécifier CSS pour une table unique?

Je regardais dans la documentation de YUI pour voir s'il y avait un mechansim dans le YUI DataTable pour définir le type d'information CSS mais je ne pouvais pas vraiment trouver quelque chose. Il semble que je devrais être capable de le définir dans l'objet oConfig que je passe à la table quand il est créé. Donc, si quelqu'un connaît un moyen de le faire en utilisant les paramètres YUI DataTable qui serait également apprécié.

Answer 1

Pouvez-vous exécuter Javascript dans la page? Si c'est le cas, vous pouvez ajouter dynamiquement un lien CSS à la page sans avoir accès à l'élément.

Voilà comment du projet open source Chronologie:

// Use document for the doc param 

    function includeCssFile(doc, url) { 
    if (doc.body == null) { 
     try { 
      doc.write("<link rel='stylesheet' href='" + url + "' type='text/css'/>"); 
      return; 
     } catch (e) { 
      // fall through 
     } 
    } 

    var link = doc.createElement("link"); 
    link.setAttribute("rel", "stylesheet"); 
    link.setAttribute("type", "text/css"); 
    link.setAttribute("href", url); 
    getHead(doc).appendChild(link); 
}; 

function getHead(doc) { 
    return doc.getElementsByTagName("head")[0]; 
}; 

Answer 2

Mettez votre datatable dans un div id spécifique avec un

Ou: Via le sélecteur css: #yourdivid .yui-dt-données