Handsontable 맞춤 헤더

안녕하세요. 사용자 정의 헤더는, 음, 헤더 자체가 만들어 만들지 만, 나는 다음과 같은 문제가 있어요 :Handsontable 맞춤 헤더

나는 작업을

내가 헤더 즉에 대한 사용자 정의 HTML 문자열이 있습니다

var str = " 
<tr><th colspan='2'>global</th><tr> 
<tr><th><img src='generateonflypath' /></th><th><img src='generateonflypath' /></th><tr> 
"

을 그리고 내가 적용 할 때 그것은 다음과 같습니다 :

$hotContainer.handsontable({ 
    afterRender: function() {$('.htCore > thead').html(str);} 
});

아무 셀이나 클릭 할 때까지 HOT 값은 그대로 유지되고 가장 낮은 행은 보이지 않습니다. 이 문제를 해결하는 방법? ('beforerender'이벤트는 더 악화됩니다.)

시간 내 주셔서 감사합니다!

출처

2013-08-30 ailmcm

HOT를 사용하지 않았지만 테이블을 새로 고침/다시로드하는 방법이 있으면 헤더를 추가 한 후 해보십시오! – rps

그것은 .render 메서드 만 가지고 있지만, 그때 나는 영원한 루프를 얻을 것이다. 나는 어떤 이벤트가 셀을 선택 한 후 해고되는지를 알아낼 수 없다. ( – ailmcm

일시적인 해결책은 가능한 최대 높이의 테이블 헤더를 만드는 것이지만 높이가 미리 정의되어 있지 않으면 추악한 레이아웃이 발생할 수있다. – ailmcm

내가이 솔루션을 종료 한 거친 실험을 몇 일 후 :이 뒤에

$container.handsontable({ 
    ...options... 
    afterRender: function() { //add custom header 
      $('.htCore > thead').html(jsonObj.Headers); 
      //add container resize event handler for images that loaded in header 
      $('.htCore > thead img').load(function(){ 
       $('.wtHider').height($('.htCore').height()+10); 
      }); 
    } 
});

아이디어, HOT의 기본 테이블 컨테이너의 높이를 변경하는 것입니다. 다른 사람들이 다른 이벤트와 똑같이 할 수 있다고 생각합니다. img를로드 할뿐만 아니라 텍스트를 바꿀 수도 있습니다.

희망이 있으면 도움이됩니다.

출처

2013-09-10 08:55:18 ailmcm

Handsontable 맞춤 헤더

답변

관련 문제