Question

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

我在YUI文档中查看是否在YUI DataTable中有一个mechansim来设置CSS类型的信息，但我找不到任何东西。看起来我应该能够在创建时传递给表的oConfig对象中设置它。因此，如果有人知道使用YUI DataTable参数的方法，那么也会受到赞赏。

Answer 1

将您的数据表放入ID为

的特定div中

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

Answer 2

你能在页面中运行Javascript吗？如果是这样，那么您可以动态地向页面添加css链接而无需访问该元素。

以下是来自开源时间轴项目的方法：

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

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

2 个答案: