html - 有没有办法为特定的 YUI DataTable 实例设置 CSS 信息？

Question

我想使用 YUI DataTable 的地方是在一个允许 HTML 和 javascript 的 wiki 中。我已经创建了自定义表格，将它放在一个 div 中并给它一个 ID，它工作得非常好，除了它使用来自容器 wiki 页面的 CSS 并且在视觉上它是不可呈现的。我希望能够为这个特定的表格设置 CSS 信息，以便它更具可读性。正如您可能猜到的那样，我无法修改“head”信息，因为 wiki 只允许我向 html 的“body”添加内容。我绝不是 html 方面的专家，因此我不确定是否可以为一个表指定 CSS？

我在 YUI 文档中四处寻找，看看 YUI 数据表中是否有一个机制来设置信息的 CSS 类型，但我真的找不到任何东西。似乎我应该能够在创建表时传递给表的 oConfig 对象中设置它。因此，如果有人知道使用 YUI DataTable 参数来完成此操作的方法，我们也将不胜感激。

Answer 1

你能在页面中运行Javascript吗？如果是这样，那么您可以在不访问元素的情况下动态添加到页面的 css 链接。

以下是来自开源 Timeline 元素的方法:

    // 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];
};