0

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

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

4

2 回答 2

1

将您的数据表放在具有 id 的特定 div 中

或者：通过 css 选择器：#yourdivid .yui-dt-data

于 2009-08-17T15:41:18.980 回答
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];
};
于 2009-08-17T16:15:47.823 回答