public/javascripts/yui/datatable/datatable.js
function(elContainer) {
    SDT.superclass._initContainerEl.call(this, elContainer);
    
    if(this._elContainer) {
        elContainer = this._elContainer; // was constructor input, now is DOM ref
        Dom.addClass(elContainer, DT.CLASS_SCROLLABLE);
        
        // Container for header TABLE
        var elHdContainer = document.createElement("div");
        elHdContainer.style.width = this.get("width") || "";
        elHdContainer.style.backgroundColor = this.get("COLOR_COLUMNFILLER");
        Dom.addClass(elHdContainer, SDT.CLASS_HEADER);
        this._elHdContainer = elHdContainer;
        elContainer.appendChild(elHdContainer);
    
        // Container for body TABLE
        var elBdContainer = document.createElement("div");
        elBdContainer.style.width = this.get("width") || "";
        elBdContainer.style.height = this.get("height") || "";
        Dom.addClass(elBdContainer, SDT.CLASS_BODY);
        Ev.addListener(elBdContainer, "scroll", this._onScroll, this); // to sync horiz scroll headers
        this._elBdContainer = elBdContainer;
        elContainer.appendChild(elBdContainer);
    }
}
function(elContainer) {
    SDT.superclass._initContainerEl.call(this, elContainer);
    
    if(this._elContainer) {
        elContainer = this._elContainer; // was constructor input, now is DOM ref
        Dom.addClass(elContainer, DT.CLASS_SCROLLABLE);
        
        // Container for header TABLE
        var elHdContainer = document.createElement("div");
        elHdContainer.style.width = this.get("width") || "";
        elHdContainer.style.backgroundColor = this.get("COLOR_COLUMNFILLER");
        Dom.addClass(elHdContainer, SDT.CLASS_HEADER);
        this._elHdContainer = elHdContainer;
        elContainer.appendChild(elHdContainer);
    
        // Container for body TABLE
        var elBdContainer = document.createElement("div");
        elBdContainer.style.width = this.get("width") || "";
        elBdContainer.style.height = this.get("height") || "";
        Dom.addClass(elBdContainer, SDT.CLASS_BODY);
        Ev.addListener(elBdContainer, "scroll", this._onScroll, this); // to sync horiz scroll headers
        this._elBdContainer = elBdContainer;
        elContainer.appendChild(elBdContainer);
    }
}
function ( elContainer ) { SDT . superclass . _initContainerEl . call ( this , elContainer ) ; if ( this . _elContainer ) { elContainer = this . _elContainer ; // was constructor input, now is DOM ref Dom . addClass ( elContainer , DT . CLASS_SCROLLABLE ) ; // Container for header TABLE var elHdContainer = document . createElement ( "div" ) ; elHdContainer . style . width = this . get ( "width" ) || "" ; elHdContainer . style . backgroundColor = this . get ( "COLOR_COLUMNFILLER" ) ; Dom . addClass ( elHdContainer , SDT . CLASS_HEADER ) ; this . _elHdContainer = elHdContainer ; elContainer . appendChild ( elHdContainer ) ; // Container for body TABLE var elBdContainer = document . createElement ( "div" ) ; elBdContainer . style . width = this . get ( "width" ) || "" ; elBdContainer . style . height = this . get ( "height" ) || "" ; Dom . addClass ( elBdContainer , SDT . CLASS_BODY ) ; Ev . addListener ( elBdContainer , "scroll" , this . _onScroll , this ) ; // to sync horiz scroll headers this . _elBdContainer = elBdContainer ; elContainer . appendChild ( elBdContainer ) ; } }
Initializes the DataTable outer container element and creates inner header
and body container elements.

@method _initContainerEl
@param elContainer {HTMLElement | String} HTML DIV element by reference or ID.
@private
Initializes the DataTable outer container element and creates inner header and body container elements .