     {
         renderer.visible = visible;
         
-        
-        // Initialize the renderer's properties
-
         const gridRenderer:IGridItemRenderer = renderer as IGridItemRenderer;
         const gridColumn:GridColumn = getGridColumn(columnIndex);
         

        layoutGridElement(separator, x, y, width, height);
    }
    
    private function layoutHeaderSeparator(separator:IVisualElement, columnIndex:int):void
    {
        var columnHeaderBar:ColumnHeaderBar = getColumnHeaderBar();
        const width:Number = separator.getPreferredBoundsWidth();
        const height:Number = columnHeaderBar.height; 
        const columnBounds:Rectangle = gridDimensions.getColumnBounds(columnIndex);
        
        if (!columnBounds)
            return;
        
        // TBD: should center on gap here.
        const x:Number = columnBounds.right;
        const y:Number = columnBounds.top;
        layoutGridElement(separator, x, y, width, height);
    }
    
    //--------------------------------------------------------------------------
    //
    //  Selection Indicators

        visibleColumnIndices = newVisibleColumnIndices;
    }

	/**
     *  @private
     */
