有沒有辦法爲YUI DataTable的特定實例設置CSS信息？

這個地方是我無法使用YUI DataTable是在一個允許HTML和JavaScript的wiki。我創建了自定義表格，並將其放入一個div中，併爲其提供了一個ID，並且它的工作非常好，除了它使用容器維基頁面中的CSS並且在視覺上不可視。我希望能夠爲這個特定的表設置CSS信息，以便它更具可讀性。正如你可能猜想的那樣，我不能修改「頭部」信息，因爲維基只允許我將這些東西添加到html的「主體」中。我不是一個HTML專家，因此我不確定是否可以爲一個表指定CSS？有沒有辦法爲YUI DataTable的特定實例設置CSS信息？

我在YUI文檔中查看是否有YUI DataTable中的mechansim來設置CSS類型的信息，但我找不到任何東西。看起來我應該可以將它設置在創建時傳遞給表的oConfig對象中。因此，如果有人知道使用YUI DataTable參數的方法，那麼也會很感激。通過CSS的選擇：#yourdivid .yui-DT-數據

來源

2009-08-17 stephenmm

你可以在頁面中運行JavaScript

來源

2009-08-17 16:15:47

是的，我可以運行JavaScript。我不確定我是否瞭解您的示例中發生了什麼，但我會再仔細查看一下，並嘗試理解它。我發現我對CSS的理解是關於nill的... – stephenmm 2009-08-17 16:32:59

該軟件添加了一個鏈接到一個html文件的CSS文件，而無需訪問html文件的頭部。 css文件將包含YUI表的css規則。這樣，您可以根據需要設置YUI表格的樣式。 – 2009-08-18 14:47:10

真的！哇，這很酷。非常感謝。當我獲得一些時間時，我將不得不嘗試它，因爲這不是我的主要優點。再次感謝。 – stephenmm 2009-08-18 17:34:54

一個id

或者把你的數據表中特定的DIV？如果是這樣，那麼你可以動態地添加一個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]; 
};

來源

2009-08-17 15:41:18 Gregoire

我忘了提到它。它已經在一個特定的ID與ID。那麼，如何在不訪問頭部的情況下爲特定的div設置CSS？對不起，如果這是一個nobee問題... – stephenmm 2009-08-17 15:45:50

有沒有辦法爲YUI DataTable的特定實例設置CSS信息？

回答

相關問題