YUI DataTable의 특정 인스턴스에 대한 CSS 정보를 설정하는 방법이 있습니까?

Question

장소는 내가 YUI DataTable을 사용하는 위젯이었습니다. HTML과 자바 스크립트를 허용하는 위키에 있습니다. 나는 사용자 정의 테이블을 만들고 div에 넣고 ID를주었습니다. 컨테이너 위키 페이지의 CSS를 사용하고 실제로 시각적으로 볼 수 없다는 점을 제외하면 정말 잘 작동합니다. 더 읽기 쉬울 수 있도록이 특정 테이블에 대한 CSS 정보를 설정할 수 있어야합니다. 위키는 html의 "본문"에만 추가 할 수 있으므로 "머리"정보는 수정할 수 없습니다. 나는 결코 html의 전문가가 아니며 하나의 테이블에 대해 CSS를 지정할 수 있는지 확신 할 수 없습니까?

YUI 문서에서 YUI DataTable에 CSS 유형의 정보를 설정하는 메카니즘이 있는지 확인하려고했지만 실제로 아무것도 찾을 수 없었습니다. 내가 만든 테이블에 전달할 oConfig 개체에서 설정할 수 있어야합니다 것 같습니다. 따라서 누군가가 YUI DataTable 매개 변수를 사용하여이를 수행하는 방법을 알고 있다면 잘 이해할 수있을 것입니다. CSS의 선택을 통해 : #yourdivid .yui-DT-데이터

Answer 1

당신이 페이지에 자바 스크립트를 실행할 수

Answer 2

가 또는 ID가 특정 사업부에 데이터 테이블을 넣어? 그렇다면 요소에 액세스하지 않고 페이지에 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]; 
};