모든 열에 자동 완성 기능이 있습니다. 이 jsfiddle에서 볼 수 있듯이 http://jsfiddle.net/tomkast/ub5vbsdp/ autocompelte 편집기는 가로 스크롤 막대에 의해 잘립니다. 나는이 문제에 너무 오래 일하고있다 http://css-tricks.com/popping-hidden-overflow/Handsontable 팝업 자동 완성 편집기가 horizontal 스크롤바에서 끊어졌습니다.
(그래서 내 상사 말한다) 그래서 당신은 어떤 생각/JQuery와 작업 차선책이 있다면 난 것 :
some code required by stackoverflow to post the jsfiddle link
어쩌면 문제는 여기에 무엇을 설명한다 알고 싶어요 ...
작동하려면 해결 방법을 찾아야하지만 가능합니다. this topic에서 볼 수 있듯이 overflow: auto; (부모), position: fixed; (아동)이어야합니다.
나중에 문제가 될 수 있지만이 시나리오에서는 다른 position 설정이 작동하지 않으므로 사용하지 않기를 바랍니다. Here's the working fiddle
언리얼. 그것은 완벽하게 작동합니다. 정말 고맙습니다. 나는 100 % 감사를드립니다. 여기에 또 하나의 문제가 – tom
있습니다. viewport-div의 스크롤링을 보완해야합니다. 나는 위쪽과 왼쪽을 autocompleteEditor CSS에 추가하고 그 값을 동적으로 업데이트하기 위해 jquery를 사용했지만 모든 종류의 문제가 발생했습니다. autocompleteEditor의 위치를 이해해야합니다. 우리가 그것을 떠난대로, CSS는 위치입니다 : 고정; 상단이나 좌측이 없습니다. 그렇다면 HOT가 화면 주위를 어떻게 움직이게할까요? 일단 나는 그것을 이해하고, 나는 beforeKeyDown : function (e) {}을 사용하고 $ ('# content') [0] .scrollTop을 뺀다. ... – tom
관심있는 사람은 누구나 div를 발견했다. 그것은 autocompelteEditor $ ('. handsontableInputHolder')의 부모이며 절대 상단과 함께 작업 할 수 있습니다. 하지만 그 값을 잡아서 init 콜백을 사용하여 autocompleteEditor의 위쪽/왼쪽에 할당하면 beforeKeyDown과 같은 뭔가 다른 위치 지정 논리가 깨집니다. function (e) {$ ('. autocompleteEditor'). css ('top' , ($ ('. handsontableInputHolder') [0] .offsetTop - $ ('# content') [0] .scrollTop) + 'px');} – tom
-1 연구 부족으로 ?? 72 시간의 연구를 해보십시오 ... 여기에 코드를 포함시키지 않았기 때문에 명백하지 않습니까? 여기서 js 코드의 무의미한 부분을 추가하는 것은 좋았습니다. 그래서 jsfiddle에 코드를 남겨 두었습니다. -1은 무엇에 관한 것입니까? – tom