2016-09-29 7 views
1

MVC 응용 프로그램에서 부트 스트랩을 사용하여 igGrid를 사용하고 있습니다. 요구 사항은 사용자가 긴 목록을 위에서 아래로 스크롤 할 때 표시되도록 격자 머리글을 고정하는 것입니다. 일반적으로 표 머리글은 다음과 같습니다. enter image description hereiggrid header affix 열 너비 문제

부츠 스트랩 부착 클래스를 호출하면 격자 머리글이 표시되지만 아무런 너비가 없습니다. 그들은 모두 함께 붙어 있고 올바른 셀 헤더를 나타내지 않습니다. grid header with affix

내가 같이 그리드 rendered 이벤트를 얻어서 그 일 오전 방법 :

rendered: function (evt, ui) { 
    //get grid header elements 
    var _thead = $(ui.owner.element[0]).find('thead'); 

    //call affix 
    _thead.affix({ offset: { top: 30 } });   
}, 

내가 헤더의 폭을 해결할 수없는 방법에 대해 설명합니다. 어떤 도움을 주셔서 감사합니다.

답변

0

igGridfixed headers을 구성하는 옵션을 제공합니다. 헤더 위치 지정을 변경하기 때문에 부트 스트랩 접미어 플러그인이 그리드 헤더를 오작동하게 만듭니다. 내 제안은 misalignment가 발생하지 않도록 기본 제공 고정 헤더를 사용하는 것입니다.

+0

그 옵션을 사용했지만 나에게 적합하지 않았습니다. 나는 이것을'dataSource : data, fixedHeaders : true '와 같이 사용했지만 열 헤더를 수정하지는 않는다. 내가 놓친 게 있니? – sarojanand

+0

또한이 경우 높이를 설정해야하므로 '가상화 : true'를 설정할 수 없습니다. – sarojanand