모서리 형 머리글이있는 그리드 모양

Question

각도 격자 (https://angular-ui.github.io/bootstrap/)를 ag-grid (https://www.ag-grid.com/)와 함께 사용하려고합니다. angularCompileRows를 true로 설정 했으므로 typeahead에 대한 셀 편집기를 설정하고 typeahead 드롭 다운이 활성화됩니다. 그러나 드롭 다운 목록은 그리드의 다른 행 뒤에 숨겨져 있습니다. 어떻게 다른 표 행 위에 선행 드롭 다운이 표시되는지 확인하려면 어떻게해야합니까? 방화 광을 사용하여 <ul> 요소에서 z- 색인을 9999로 설정하려고 시도했지만 목록이 여전히 숨겨져 있습니다. 선행 입력 팝업가 추가되어야 하는가 - (null의 기본값)

// function to act as a class 
    function TypeAheadCellEditor() {} 

    // gets called once before the renderer is used 
    TypeAheadCellEditor.prototype.init = function(params) { 
     // create the cell 

     this.eInput = document.createElement('input'); 
     this.eInput.setAttribute("typeahead", "cardCode for cardCode in getCardCodes($viewValue)"); 
     this.eInput.setAttribute("typeahead-loading", "loadCardCodes"); 
     this.eInput.setAttribute("typeahead-wait-ms", "300"); 
     this.eInput.setAttribute("ng-model", "selectedItemCode"); 
     this.eInput.value = params.value; 

    }; 

    // gets called once when grid ready to insert the element 
    TypeAheadCellEditor.prototype.getGui = function() { 
     return this.eInput; 
    }; 

    // focus and select can be done after the gui is attached 
    TypeAheadCellEditor.prototype.afterGuiAttached = function() { 
     this.eInput.focus(); 

    }; 

    // returns the new value after editing 
    TypeAheadCellEditor.prototype.getValue = function() { 
     return this.eInput.value; 
    }; 

Answer 1

당신이

1. 선행 입력-APPEND-에 $ uib-typeahead에서 다음 옵션을 시도해 봤어 :

   이 내 휴대 편집기입니다 요소 대신에?

2. typeahead-append-to-body $ (기본값 : false) - 타입 어 헤드 팝업이 부모 요소 대신 $ body에 추가되어야합니까?

Answer 2

당신의 CSS를이 추가 :

.ag-cell { 
    overflow: visible; 
}